آموزشhtml درس -٧-ب - قرار دادن تصاوير در اسناد
دهلران پی سی
سایت جامع علمی ,آموزشی,فرهنگی و تفریحی

شروع درس :

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

<"img align=top src="filename.gif>

<"img align=middle src="filename.gif>

<"img align=bottom src="filename.gif>

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

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

<"img src="aks.gif>

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

<"img src="namefile.extention" alt=lesson1>

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

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

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

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

تمرین

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


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:








ارسال توسط هادی احمدی

آرشیو مطالب
پيوند هاي روزانه
امکانات جانبی

آمار وب سایت:  

بازدید امروز : 328
بازدید دیروز : 99
بازدید هفته : 430
بازدید ماه : 826
بازدید کل : 204814
تعداد مطالب : 736
تعداد نظرات : 23
تعداد آنلاین : 1

Google

در اين وبلاگ
در كل اينترنت
 <-PostTitle-> <-PostContent-> 1 <-PostLink->