صفحه اصلی / ▼آموزشLearning / –آموزش اچتمل Learning HTML / ادامه درس -٧- قرار دادن تصاویر در اسناد

ادامه درس -٧- قرار دادن تصاویر در اسناد

اهداف این درس

۱- قرار دادن تصاویر در اسناد html
۲-چگونه می توان دور تا دور تصاویر متن قرار داد
۳- مشخص کردن ابعاد تصاویر
۴- ویرایش عکس و اضافه کردن خصلتی در آن بطوریکه بتواند در مرورگرهایی که از عکس پشتیبانی نمی کنند کارآیی داشته باشند .

شروع درس :

تگ های HTML برای تصاویر گرافیکی خطی

وقتی که نام فایل gif مانند همان نامی باشد که اسم آن فایل است و در شاخه خاصی قرار گرفته ، در اینصورت مرورگر می تواند آن تصویر را مابین متن ها نشان دهد .
برای اینکه تصویر در خط دیگری وارد شود می توان قبل از تگ تصویر یک تگ پاراگراف قرارداد .
تنظیم محل عکس به وسیله صفتی آورده می شود < IMG > شما می توانید در همجواری عکس و متن کنترل داشته باشید صفت align در تگ < IMG > این امکان را برای شما ایجاد می کند

 

قرار دادن تصویر در صفحه وب :

۱- باز کردن محیط کاری
۲- باز کردن فایل Lesson1 .html
۳- در بالای < h1 / > آموزش از راه دور < h1 > تگ زیر را قرار دهید .

این قالب HTML در بالای صفحه قرار خواهد گرفت .
۴- ذخیره کردن صفحه و بار گزاری مجدد .
تذکر ) در هنگام جاگذاری عکس ممکن است تعجب کنید که چرا در اینجا برای شکسته شدن پاراگراف نیاز به تگ < p > نداشتید . دلیل آن این است که مرورگر در صورت برخورد به تگ < h1 > و < h2 > و … خود خط ایجاد می کند .

صفتALT

اگر صفحه وب شما به وسیله کاربری که با مرورگر متنی کار می کند دیده شود در اینصورت تصویر دیده نمی شود یا ممکن است کاربران برای جلوگیری ازاتلاف زمانی که در اثر بارگیری یک عکس در یک شبکه شلوغ پیش می آید از دیدن عکس صرفنظر کرده و بارگذاری را متوقف کنند در این حالت است که صفت ALT در تگ Img مفید خواهد بود . در این صفت توضیحی راجع یه عکس آورده می شود که با نگهداشتن ماوس روس عکس این صفت ظاهر می شود.
امکان دیگری که شما می توانید در تگ < img > داشته باشید صفات Height و Width می باشد با این دو صفت می توانید ابعاد یک تصویر را مشخص کنید .
< Img src=” filename.gif” width=X height=Y >
X – طول و Y عرض تصویر را مشخص می کند.
شما می توانید از یکسری از برنامه های گرافیکی سودمند برای اینکه این اعداد را تخمین بزنید استفاده کنید. روش دیگر برای پیدا کردن ابعاد عکس این است که شما می توانید آیکون مورد نظر را با Drag and Drap به پنجره مرورگر بکشید و طول و عرض تصویر در Titlebar مرورگر نشان داده می شود .

تذکر : ترتیب صفات در تگ < Img > مهم نیست .

مروری بر مطالب

۱- قالب HTML برای تصاویر چیست ؟
۲- برای اینکه عکس در یک پاراگراف جداگانه ظاهر شود از چه تگی استفاده می شود ؟
۳- چگونه یک عکس را به صفحه خود اضافه می کنید ؟
۴- صفات تگ < Img > چیست ؟

تمرین

در صفحات خود از تصویر استفاده کنید .

درباره مدیر سایت

سعید حسینی هستم کارشناسی مهندسی نرم افزار مدیر سایت و علاقه مند به فناوری اطلاعات و تکنولوژی های نو علاقه مند به وردپرس و جوملا و مدتی افتخار همکاری با انجمن پشتیبانی وردپرس پارسی را نیز داشتم. مهارتهای نرم افزاری • وب : PHP , HTML , Java script , JQuery , asp , CSS & CSS3 , Dreamweaver • برنامه نویسی : Delphi , C ++ , C sharp • بانک اطلاعاتی : SQL Server , MySQL , Oracle • طراحی : Photoshop ورزش های مورد علاقه ام شنا و فوتبال و دوچرخه سواری هستند.

همچنین بخوانید

درس ۲۳ – فریم کردن صفحه

اهداف این درس ۱- ایجاد یک صفحه وب با قالبهای متفاوت ۲- ایجاد اتصال از …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *