اگر شما در یک صفحه بیشتر به لیستها نیاز دارید می توانید از روش بالا استفاده کنید اما باید بدانید که ممکن است ظاهر لیست در اندازه های مختلف پنجره مرورگر به هم بخورد. راه دیگری که برای جلوگیری از این به هم خوردگی وجود دارد استفاده از یک Table است که بعداً در مورد آن توضیح خواهیم داد.
· لیستهای مرتب
شما می توانید در مورد لیستهای مرتب هم مانند لیستهای نامرتب عمل کنید فقط کافیست به جای استفاده از <ul> و <ul/> از تگهای <ol> و <ol/> استفاده کنید. به یک مثال در این زمینه توجه کنید:<ol>نتیجه به صورت لیستی شماره گذاری شده ظاهر می شود:
<li>بخش اول لیست</li>
<li>بخشدوم لیست</li>
<li>بخش سوم لیست</li>
</ol>
1. بخش اول لیست
2. بخش دوم لیست
3. بخش سوم لیست
برای کنترل تگ <ol> از چند شناسه می توان استفاده کرد
1. شناسه start
در مورد لیستهای مرتب با استفاده از شناسه start در تگ <OL> می توانیم تعیین کنیم که شماره های لیست از چه عددی شروع شود. به مثال زیر توجه کنید:<ol start="15">نتیجه به صورت زیر مشاهده می شود:
<li>این سطر اول لیست است ولیشماره آن 15 است.</li>
</ol>
15. این سطر اول لیست است ولی شماره آن 15 است.
2. شناسه type
این شناسه در لیستهای مرتب هم مانند لیستهای نامرتب برای تغییر علامت ابتدایی هر بخش از لیست استفاده می شود که در اینجا شماره ای است که برای هر قسمت از لیست استفاده می شود. از این شناسه می توانید به صورت زیر استفاده کنید:
· "type="1
با این شناسه بخشهای لیست با اعداد ریاضی مشخص می شوند.
· "type="A
با استفاده از این شناسه بخشهای لیست با حروف بزرگ انگلیسی مشخص می شوند.
· "type="a
با استفاده از این شناسه بخشهای لیست با حروف کوچک انگلیسی مشخص می شوند.
· "type="I
با استفاده از این شناسه بخشهای لیست با حروف بزرگ یونانی مشخص می شوند.
· "type="i
با استفاده از این شناسه بخشهای لیست با حروف کوچک یونانی مشخص می شوند.
این شناسه هم می تواند در تگ <ol> استفاده شود و هم در تگ <li> و در این مورد مانند لیستهای نامرتب عمل می کند. در مثال زیر می توانید نحوه نمایش حالات مختلف لیست را با استفاده از شناسه type مشاهده کنید:<ol>نتیجه به صورت زیر خواهد بود:
<li type="A">قسمت اوللیست</li>
<li type="a">قسمت دوم لیست</li>
<li type="1">قسمت سوم لیست</li>
<li type="I">قسمت چهارملیست</li>
<li type="i">قسمت پنجم لیست</li>
</ol>
A. قسمت اول لیست
b. قسمت دوم لیست
3. قسمت سوم لیست
IV. قسمت چهارم لیست
v. قسمت پنجم لیست
پورتال تفریحی و سرگرمی کافه بزرگ ایرانیان
اولین وب سایت چت و سرگرمی و اطلاعات و اخبار برای هموطنان عزیز لطفا ما را دنبال کنید.
پورتال تفریحی و سرگرمی کافه بزرگ ایرانیان
اولین وب سایت چت و سرگرمی و اطلاعات و اخبار برای هموطنان عزیز لطفا ما را دنبال کنید.ادامه جلسه نهم الی هجدهم آموزش HTML
ادامه آموزش کد نویسی
HTMLجلسه نهم الی
هجدهم لطفا به ادامه
مطلب بروید.
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
ادامه html جلسه نهم
- سپاس ها و پسند ها
41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند
61100217530 مطلب ارسالی شما را پسندیده اند 
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه دهم
وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر داد. تگ زیر را در نظر بگیرید:شناسه های مورد استفاده در تگ body<body bgcolor="green" text="blue" link="yellow" alink="red" vlink="white" background="image.gif">شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شود. در زیر توضیحی برای هر کدام از شناسه های تگ BODY آورده شده است. البته در مورد هر کدام از آنها به طور کامل در درسهای بعد توضیح خواهیم داد:
"bgcolor="color
این شناسه رنگ زمینه صفحه شما را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال به سر فصل این بحث بروید. گزینه پیش فرض این ویژگی معمولاً سفید یا خاکستری است.
"text="color
این شناسه رنگ متنی را که در پنجره مرورگر به نمایش در می آید تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید. گزینه پیش فرض این ویژگی مشکی است.
"link="color
این شناسه رنگ تمام لینکهای باز نشده در صفحه را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمالاینجا را کلیک کنید. گزینه پیش فرض برای لینکهای باز نشده معمولاً آبی است.
"alink="color
این شناسه رنگ لینکهای فعال را در صفحه شما تعیین می کند. این لینکها آنهایی هستند که به وسیله کاربر بر روی آنها کلیک شده است. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید.
"vlink="color
این شناسه رنگ لینکهای باز شده را در صفحه تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید. گزینه پیش فرض این ویژگی بنفش است.
"background="image.gif
این شناسه یک عکس را به عنوان زمینه برای صفحه شما قرار می دهد. اگر شما از این شناسه استفاده کنید تصویر زمینه ای که انتخاب کرده اید جایگزین هر رنگی که به عنوان زمینه انتخاب کرده بودید می شود. اگر از این شناسه استفاده نکنید مرورگر از رنگی که به عنوان زمینه انتخاب کرده اید استفاده می کند و در صورت عدم انتخاب رنگ از رنگ پیش فرض خود استفاده می کند.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند 61100217530 مطلب ارسالی شما را پسندیده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه یازدهم
برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY> استفاده کنید. شما باید دنبال " "=text بعد از تگ BODY بگردید. مانند این:تغییر رنگ پیش فرض متن در صفحه<BODY text="black">ممکن است به جای رنگ از ترکیبی از حروف و اعداد استفاده شده باشد. مانند زیر:<BODY text="#000000">البته ممکن است هیچکدام از موارد بالا وجود نداشته باشد، یا شما بخواهید یک صفحه تازه بنویسید. در این موارد باید این فرمان اضافی را به تگ BODY خود اضافه کنید. درست مثل موارد بالا. اگر فرمانهای دیگری هم دارید می توانید این فرمان را در انتهای آنها اضافه کنید البته با قرار دادن یک فضای خالی بین فرمانها. برای نمونه به سطر زیر توجه کنید، من برای تعیین رنگ زمینه و رنگ متن این صفحه از این فرمان استفاده کرده ام:<BODY bgcolor="#66CCFF" text="black">حالا اگر می خواهید رنگ متن را تغییر دهید می توانید نام انگلیسی رنگ مورد نظر خود را به جای black بنویسید. روش دیگری که برای این کار وجود دارد استفاده از معادل هگزادسیمال رنگها است که در این روش می توانید از بین رنگهای بیشتری رنگ خود را انتخاب کنید چون ما برای تمام رنگهای مورد استفاده نمی توانیم اسم واحدی را به کار ببریم.
برای مشاهده جدول رنگهای هگزادسیمال اینجا را کلیک کنید.
برای مثال اگر می خواهید رنگ متن شما زرد باشد از دو طریق می توانید به این خواسته خود برسید:
1. استفاده از نام رنگ به صورت زیر :<BODY text="yellow">2. استفاده از معادل هگزادسیمال رنگها :<BODY text="#FFFF00">بعد از انجام این کار هر متنی که در صفحه مرورگر شما دیده شود به رنگ زرد خواهد بود.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه دوازدهم
اگر بخواهید رنگ لینکها را در صفحه خود تغییر دهید مانند تغییر رنگ پیش فرض متن باید تگ BODY را پیدا کنید. در تگ BODY به دنبال شناسه link بگردید. مثلاً ممکن است تگ BODYبه این صورت باشد:تغییر رنگ لینکهای صفحه در حالات مختلف<body link="blue">در تگ BODY ممکن است شناسه های دیگری هم وجود داشته باشند، مثلاً شناسه های مربوط به رنگ متن و یا رنگ زمینه. در این صورت می توانید شناسه رنگ لینک را با یک فاصله خالی با آخرین فرمان موجود در تگ BODY به این تگ اضافه کنید.
حالا برای تغییر رنگ لینکها در صفحه نام رنگ مورد نظر خود را به عنوان مقدار شناسه link وارد کنید یا از معادل هگزادسیمال رنگ به جای نام رنگ استفاده کنید.
مثلاً برای تغییر رنگ لینکها به زرد می توانیم مانند زیر عمل کنیم:
1- استفاده از نام رنگ:<body link="yellow">2- استفاده از معادل هگزادسیمال رنگ:<body link="#ffff00">حالا همه لینکهای موجود در صفحه شما به جای آبی به رنگ زرد در مرورگر ظاهر می شوند.
همین کار را می توانید برای لینکهای فعال و لینکهای بازدید شده تکرار کنید. مانند زیر:<body alink="blue" vlink="violet">مانند مثال بالا شناسه alink برای لینکهای فعال و vlink برای لینکهای بازدید شده استفاده می شود.
برای تغییر دیگر رنگها هم به همین صورت عمل می شود تنها نکتهای که باید مد نظر قرار گیرد این است که حتماً قبل از وارد کردن فرمان یک فضای خالی با فرمان قبلی بگذارید.
روش دیگری که برای تغییر رنگ لینکها وجود دارد استفاده از استایل و CSS است. در صورتی که برای تعیین مشخصات لینکها از استایل استفاده شود امکان افزودن ویژگیهای دیگری نظیر کادر و رنگ زمینه هم به لینکها وجود دارد.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند 61100217530 مطلب ارسالی شما را پسندیده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه سیزدهم
اگر می خواهید برای زمینه صفحه خود یک رنگ را انتخاب کنید، باید این رنگ را در تگ BODYتعریف کنید. وقتی که این تگ را پیدا کردید در آن به دنبال شناسه bgcolor بگردید ، که ممکن است مانند زیر باشد:وارد کردن تصاویر در صفحات HTML<body bgcolor="gray">ممکن است به جای نام رنگ از معادل هگزادسیمال رنگ استفاده شده باشد. مانند زیر (این فرمانی است که من برای زمینه این صفحه از آن استفاده کرده ام):<body bgcolor="#66ccff">البته ممکن است این شناسه را در تگ BODY پیدا نکنید، در این صورت یک فاصله بعد از BODYقرار داده شناسه bgcolor را وارد کنید.
برای عوض کردن رنگ زمینه نام رنگ مورد نظر خود را به جای نام رنگ در شناسه بالا قرار دهید.
به جای نام رنگ می توانید از معادل هگزا دسیمال رنگ استفاده کنید.
برای مثال اگر می خواهید رنگ زمینه به رنگ سبز درآید باید مانند زیر عمل کنید:<body bgcolor="green">و یا به این صورت:<body bgcolor="008000">روش دیگری که برای تغییر رنگ زمینه صفحه وجود دارد استفاده از CSS است که با ورود نسخه چهارم HTML استفاده از آن رو به افزایش است.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه چهاردهم
برای قرار دادن یک تصویر به عنوان زمینه صفحه باید از تگ BODY استفاده کرد.وقتی که تگBODY را پیدا کردید ممکن است به صورت ساده باشد یا با فرمانهایی که به آن اضافه شده است. مانند زیر:آموزش قرار دادن یک تصویر در زمینه صفحه<body bgcolor="#66ccff" text="#000000">کاری که شما باید انجام دهید، اضافه کردن یک شناسه به تگ BODY است. بنابراین یک فاصله بعد از آخرین فرمان بگذارید و سپس این فرمان را وارد کنید:background=" "اکنون تگ BODY شما باید به این صورت باشد (اگر فرمانهای دیگری به آن اضافه نکرده باشید):<body background=" ">حالا باید آدرس عکس را بین دو دابل کوت قرار دهیم. برای این کار دو راه وجود دارد:
· برای این کار اگر صفحه و عکس در یک مسیر هستند می توانیم فقط نام کامل عکس با پسوند آنرا بنویسیم. مثلاً:<body background="image.gif">· اگر از قرار داشتن صفحه و عکس در یک مسیر مطمئن نیستید یا عکس و صفحه در یک مسیر نیستند می توانید از آدرس کامل عکس استفاده کنید.<body background="http://www.example.com/image.gif">تصاویر برای زمینه باید با یکی از دو فرمت GIF یا JPG باشند. اگر عکس به این صورت نبود باید آن را با برنامه ای مثل Paint Shop Pro یا Photoshop به یکی از این فرمتها تبدیل کرد.
برای مثال فرض کنید یک عکس با نام background.jpg داریم که در این مسیر قرار دارد: http://www.mysite.com/img . حال اگر بخواهیم صفحه ای را در پوشه ای به غیر از پوشه img در این سایت طراحی کنیم باید از آدرس کامل عکس یعنی http:www.mysite.com/img/background.jpg استفاده کنیم. و تگ BODY ما به این صورت در می آید:<body background="http:www.mysite.com/img/background.jpg">ما برای تعیین تصویر زمینه این صفحه قبلاً از این تگ استفاده می کرده ایم:<body background="http://www.neopersia.org/images/index.jpg">اما اگر بخواهیم صفحه را به پوشه img منتقل کرده یا صفحه جدیدی را در پوشه img طراحی کنیم می توانیم از نام عکس یعنی: background.jpg استفاده کنیم و تگ BODY ما به این صورت در می آید:<body background="background.jpg">برای تغییر دادن تصویر زمینه روش دیگر هم وجود دارد که استفاده از CSS است.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند 61100217530 مطلب ارسالی شما را پسندیده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه پانزدهم
اگر شما یک عکس دارید که می خواهید از آن استفاده کنید اما اندازه آن عکس اندازه مورد نظر شما نیست. مکن است عکس به قدری بزرگ باشد که تمام فضای صفحه را بگیرد یا شما اندازه ای بزرگتر از اندازه فعلی عکس را بخواهید.تنظیم نحوه نمایش عکس در صفحه
شما می توانید اندازه عکس را تغییر دهید. این کار را می توانید با افزودن شناسه های width(برای عرض عکس) و height (برای ارتفاع عکس) به تگ img انجام دهید. به یک مثال در این مورد توجه کنید:
فرض کنیم یک عکس با نام learn_html.gif داریم و می خواهیم آنرا کوچکتر از اندازه اصلی آن نشان دهیم. تنها چیزی که باید بدانیم اندازه اصلی عکس است. اندازه عرض و ارتفاع عکس معمولاً با مقیاس پیکسل سنجیده میشود. عکس ما 137 پیکسل عرض و 77 پیکسل ارتفاع دارد. در زیر می توانید عکس را با اندازه های واقعی ببینید.به علت مشکلاتی تصویر قادر به نمایش نیست .
حالا می خواهیم شناسه های width و height را در تگ عکس وارد کنیم. تگ ما به این صورت در می آید:<img src="learn_html.gif" width=" " height=" ">حالا کافی است اندازه مورد نظر را در بین دو دابل کوت ( " " ) وارد کنید. برای مثال من اندازه 100 را برای عرض و 50 را برای ارتفاع وارد می کنم . به صورت زیر:<img src="learn_html.gif" width="100" height="50">در زیر می توانید عکس را پس از تغییر اندازه مشاهده کنید:NO PICTURE
برای بزرگتر کردن عکس هم کاری مشابه بالا را انجام می دهیم:
مثلاً با عرض200 و ارتفاع 100:<img src="learn_html.gif" width="200" height="100">
به علت مشکلاتی تصویر قادر به نمایش نمی باشد .
همانطور که می بینید اندازه عکس بزرگتر از اندازه واقعی شد:
همانطور که ممکن است متوجه شده باشید در تصاویری که با این روش تغییر اندازه پیدا می کنند اگر به نسبت بین عرض و ارتفاع عکس رعایت نشود ممکن است تناسب عکس به هم بخورد. مثلاً تصویر بیش از حد کشیده به نظر برسد و...
اگر بخواهید تصاویر با همان نسبت قبلی تغییر اندازه پیدا کنند باید نسبت بین عرض تصویر و ارتفاع آن را به دست آورید مثلا وقتی من مو خواهم تصویری با عرض 100 پیکسل داشته باشم می توانم به این صورت ارتفاعی را که در آن تناسب عکس به هم نمی خورد پیدا کنم:77÷137=0.562حال اگر من اندازه تصویر را با عرض 100 پیکسل و ارتفاع 56/2 پیکسل تعریف کنم تصویری با همان تناسب تصویر اصلی به دست خواهیم آورد مانند زیر:
height÷100=0.562 ---> height=100×0.562 ---> height=56.2<img src="learn_html.gif" width="100" height="56">
همانطور که در تصویر روبرو می بینید تناسب تصویر تا حد زیادی رعایت شده است. البته ما از 0.2 پیکسل در ارتفاع تصویر چشم پوشی کردیم.
برای راحتی کار می توانید تصاویر را با استفاده از برنامه های گرافیکی مثل فتوشاپ، کارل دراو و... اندازه تصاویر را تغییر داده و بعداً در صفحه خود استفاده کنید. در این صورت کار شما راحت تر است و گذشته از راحتی وقتی عکسی را با یک برنامه گرافیکی کوچک می کنید سایز فایل عکس هم کوچکتر می شود و بارگذاری صفحه شما را طولانی نمی کند.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند 61100217530 مطلب ارسالی شما را پسندیده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه شانزدهم
برای اینکه از یک عکس به عنوان یک لینک استفاده کنید با ید از دو نکته که قبلاً آموختیم استفاده کنیم.ساختن لینک با استفاده از تصاویر
· برای اینکه بخواهیم به یک صفحه لینکی را ایجاد کنیم باید از این تگ استفاده کنیم:<a href="url">متن لینک</a>· اگر بخواهیم یک عکس را به صفحه اضافه کنیم باید از این تگ استفاده کنیم:<img src="image.gif">حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:<a href="url"><img src="image.gif"></a>تنها نکته ای که در اینجا باید به آن دقت کنید این است که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:
می خواهیم از عکسی با نام learn_html.gif که در پوشه همین صفحه قرار دارد به عنوان لینک به مقدمه آموزش HTML که در همین پوشه است استفاده کنیم(نام صفحه مورد نظرindex.html است). به این صورت عمل می کنیم:<a href="index.html"><img src="learn_html.gif"></a>لینک به دست آمده مانند سطر زیر است:بروز اشکال در نمایش تصویر !
اگر ماوس خود را بر روی عکس بالا قرار دهید خواهید دید که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه سرفصل آموزش HTML خواهید رفت.
اغلب مرورگرها به تصاویری که به عنوان لینک استفاده می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده نشود شناسه زیر را به تگ عکس خود اضافه کنید:border="0"مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:<a href="index.html"><img src="learn_html.gif" border="0"></a>نتیجه به این صورت در می آید:بروز اشکال در نمایش تصویر !
شما می توانید خط حاشیه را کلفت تر نیز نشان دهید. فقط کافی است عدد بزرگتری را در فرمان border قرار دهید. مانند زیر:<a href="index.html"><img src="learn_html.gif" border="5"></a>نتیجه را در زیر مشاهده می کنید:بروز اشکال در نمایش تصویر !منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک است.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند 61100217530 مطلب ارسالی شما را پسندیده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه هفدهم
برای اینکه بتوانیم یک متن را در کنار یک عکس بنویسیم باید در تگ عکس از یکی این فرمانها استفاده کنیم (در صورتی که از این فرمانها استفاده نشود متن و عکس در دو سطر نمایش داده می شوند):تنظیم نحوه قرار گرفتن تصاویر در صفحهalign="left"تگ عکس با استفاده از این فرمانها به صورت زیر در می آید:
align="right"<img src="learn_html.gif" align="left">عکس مورد نظر در صفحه به این صورت نمایش داده می شود:No Picture
اکنون می توانید متن را تایپ کنید و نگران قرار گرفتن متن زیر عکس هم نباشید چون متن در اطراف عکس به نمایش در خواهد آمد.
به مثال زیر توجه کنید:این سطر قبل از وارد کردن عکس است<br>نتیجه هم به صورت زیر است:
<img src="learn_html.gif" align="left">این سطر باید در کنار عکس به نمایشدرآید<br>همینطور تا وقتی که<br>متن به پایان عکسبرسد<br>متن باید در کنار عکس قرار گیرد<br>تا به پایان عکسبرسد<br>این سطر قبل از وارد کردن عکس استالبته ممکن است شما احتیاجی به استفاده از تگ سطر جدید یعنی <br> نداشته باشید. من از این تگ برای جلوگیری از طولانی شدن متن استفاده کردم. اگر از این تگها استفاده نکنید تا جایی که عرض صفحه اجازه می دهد سطر ادامه پیدا می کند و بعد به سطر بعد خواهید رفت.NO PICTURE
این سطرباید در کنار عکس به نمایش درآید
همینطور تا وقتی که
متن به پایان عکسبرسد
متن باید در کنار عکس قرار گیرد
تا به پایان عکس برسد
شما می توانید از فرمان "align="right برای قرار دادن عکس در سمت راست صفحه استفاده کنید. در این صورت عکس در سمت راست صفحه نمایش داده می شود و متن در سمت چپ کس دیده می شود.- سپاس ها و پسند ها 41195811507 از شما به خاطر این مطلب سپاس گزاری کرده اند
- تاریخ عضویت
- Mar 2010
- شماره عضویت
- 33152
- عنوان کاربر
- میانگین پست در روز
- 2.70
- نوشته ها
- 5,435
Html جلسه هجدهم
از شناسه alt برای وارد کردن متن جایگزین برای عکس در تگ <img> استفاده می شود. موقعی که مرورگر به هر دلیلی نتواند عکس موجود در صفحه شما را نمایش دهد به جای آن این کامنت را نشان می دهد. و می تواند به بیننده بفهماند که چه چیزی را از دست داده است.استفاده از متن جایگزین (کامنت) برای تصاویر
از این شناسه مانند مثال زیر استفاده می شود :alt="متن کامنت"این فرمان را در تگ تصویر (IMG) قرار دهید، فاصله بین دو فرمان را فراموش نکنید. مانند زیر:<img src="learn_html.gif" alt="html لوگوی آموزش">ما این کامنت را به عنوان جانشین عکس در تگ IMG وارد می کنیم. تا هر وقت عکس به نمایش در نیامد این کامنت به نمایش درآید.
در سطر زیر نشان می توانید یک کامنت جایگزین را ببینید چون عکس اصلی به نمایش در نمی آید (در اینجا عکس به نمایش در نمی آید چون در مسیر مربوطه چنین عکسی وجود ندارد):توصیه می کنیم تا حد امکان برای عکسهای صفحه خود از این کامنت استفاده کنید ( البته برای نه برای عکسهای تزئینی ). در این صورت صفحه شما می تواند برای تمام کاربران مفید باشد. چون ممکن است به هر دلیلی برخی از کاربران امکان مشاهده تصاویر صفحه شما را نداشته باشند.No pic
یکی از این دلایل که در کشور ما هم مصداق دارد عدم دسترسی به اینترنت با سرعت بالا و استفاده از خطوط تلفن برای دسترسی به اینترنت است. در این رابطه تقریباً تمامی مرورگرها، این امکان را در اختیار کاربر قرار می دهند که از بارگذاری تصاویر در صفحات جلوگیری کنند، تا بتوانند از متن صفحه را سریعتر مشاهده کنند، یا فایلهای خود را با سرعت بیشتری داتلود کنند.
موتورهای جستجو هم وقتی که صفحه ای را ایندکس می کنند نمی توانند تصاویر آنرا ببینند و فقط نام تصویر و کامنت جایگزین آنرا می خوانند پس برای تصاویری که به موضوع صفحه شما مرتبط هستند و یا می خواهید بازدید کنندگان بتوانند در موتورهای جستجو آنها را پیدا کنند حتماً از این کامنت استفاده کنید.
پاسخ با نقل قول