آموزش گام به گام HTML : قسمت سوم
حروف نهادی در HTML
&يک نام نهادی;
&#يک عدد نهادی;
مثلا برای نمايش > در مرورگر بايد به جای نوشتن > در فايل HTML بايد < يا < را بنويسيم. فايده استفاده از نام به جای عدد اينست که همواره نام بهتر از عدد در خاطر می ماند؛ و ضرر آن اينست که همه مرورگر ها نام های نهادی را پشتيبانی نمی کنند ولی اکثر آنها اعداد نهادی را پشتيبانی می کنند. در ضمن توجه داشته باشيد که نام های نهادی به بزرگی و کوچکی حروف حساس می باشند. به عنوان مثال اگر بخواهيد عبارت <b>This text is bold</b> در مرورگر نمايش داده شود بايد به شيوه مثال زير عمل کنيد.
.jpg "آموزش گام به گام HTML : قسمت سوم")
به طور معمول HTML فاصله ها را در متن ناديده می گيرد؛ مثلا اگر ده فاصله در متن داشته باشيد نه تای آن ناديده گرفته خواهد شد. برای قرار دادن چندين فاصله در متن بايد از حرف نهادی استفاده کنيد.
حروف نهادی معمول :
نتيجه | نام حرف | نام نهادی | عدد نهادی |
non-breaking space | |   | |
< | less than | < | < |
> | greater than | > | > |
& | ampersand | & | & |
" | quotation mark | " | " |
' | apostrophe | ' |
تعدادی ديگر از حروف نهادی مورد استفاده :
نتيجه | نام حرف | نام نهادی | عدد نهادی |
¡ | inverted exclamation mark | ¡ | ¡ |
¢ | cent | ¢ | ¢ |
£ | pound | £ | £ |
¥ | yen | ¥ | ¥ |
© | copyright | © | © |
« | angle quotation mark (left) | « | « |
® | registered trademark | ® | ® |
° | degree | ° | ° |
± | plus-or-minus | ± | ± |
² | superscript 2 | ² | ² |
³ | superscript 3 | ³ | ³ |
µ | micro | µ | µ |
¹ | superscript 1 | ¹ | ¹ |
» | angle quotation mark (right) | » | » |
¼ | fraction 1/4 | ¼ | ¼ |
½ | fraction 1/2 | ½ | ½ |
¾ | fraction 3/4 | ¾ | ¾ |
¿ | inverted question mark | ¿ | ¿ |
× | multiplication | × | × |
÷ | division | ÷ | ÷ |
رنگ ها در HTML
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
در استفاده از رنگها بهتر است از شيوه Name استفاده نکنيد و دو شيوه ديگر را به کار ببريد چون نام رنگها برای همه مرورگرها قابل استفاده نمی باشد. توسط دستور rgb می توانيد تا 16 ميليون رنگ بسازيد يعنی 256×256×256 .
نمونه ای از نام رنگها و شماره های آنها را در جدول زير می بينيد.
Color Name | Color HEX | Color RGB |
black | #000000 | rgb(0,0,0) |
red | #FF0000 | rgb(255,0,0) |
lime | #00FF00 | rgb(0,255,0) |
blue | #0000FF | rgb(0,0,255) |
yellow | #FFFF00 | rgb(255,255,0) |
aqua | #00FFFF | rgb(0,255,255) |
fuchsia | #FF00FF | rgb(255,0,255) |
silver | #C0C0C0 | rgb(192,192,192) |
white | #FFFFFF | rgb(255,255,255) |
Color | Color Name | Color HEX |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(0,0,0) | #000000 |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(64,64,64) | #404040 |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(128,128,128) | #808080 |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(192,192,192) | #C0C0C0 |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(232,232,232) | #E8E8E8 |
.jpg "آموزش گام به گام HTML : قسمت سوم"){kind=small} | RGB(255,255,255) | #FFFFFF |
.jpg "آموزش گام به گام HTML : قسمت سوم")
.jpg "آموزش گام به گام HTML : قسمت سوم")
فونت ها در HTML
مشخصه | مثال | کاربرد |
size="number" | size="2" | اندازه فونت را تعيين می کند |
size="+number" | size="+1" | فونت را بزرگتر می کند |
size="-number" | size="-1" | فونت را کوچکتر می کند |
face="face-name" | face="Times" | نام فونت را تعيين می کند |
color="color-value" | color="#eeff00" | شماره رنگ فونت را تعيين می کند |
color="color-name" | color="red" | نام رنگ فونت را تعيين می کند |
مثال زير طريقه استفاده از مشخصه های ذکر شده را نشان می دهد.
.jpg "آموزش گام به گام HTML : قسمت سوم")
لينک ها در HTML
HTML از برچسب <a> که a حرف اول کلمه anchor به معنی لنگر می باشد، برای ساختن پيوند با ديگر فايلها استفاده می کند (به جای استفاده از کلمه پيوند از کلمه آشنای لينک استفاده خواهيم کرد). يک لينک می تواند به هر منبعی در وب اشاره داشته باشد : يک صفحه HTML ديگر، يک تصوير، يک موزيک، يک فيلم يا هر چيز ديگری. قاعده ساخت يک لينک به صورت زير می باشد.
<a href="url">Text to be displayed</a>
مشخصه href برای مشخص کردن آدرس فايلی که می خواهيم به آن لينک ايجاد کنيم، به کار می رود؛ و کلمات بين برچسب ابتدايی و انتهايی به شکل فراپيوند (hyperlink) نشان داده خواهد شد. به عنوان مثال خط زير يک لينک به سايت Rasekhoon ايجاد می کند.
<a href="http://www. Rasekhoon.net/">Visit Rasekhoon!</a>
دستور فوق در يک مرورگر به شکل روبرو ديده می شود : Visit Rasekhoon!
مشخصه target
<a href="http://www. Rasekhoon.net/"
target="_blank">Visit Rasekhoon!</a>
مشخصه Target | کاربرد |
target="_blank" | يک فايل يا آدرس جديد را در يک پنجره جديد باز خواهد کرد. |
target="_self" | يک فايل يا آدرس جديد را در پنجره فعلی باز خواهد کرد. |
target="_parent" | يک فايل يا آدرس جديد را در قاب اصلی(parent frame) باز خواهد کرد. (راجع به قابها در مباحث بعدی صحبت خواهيم کرد.) |
target="_top" | يک فايل يا آدرس جديد را در کل پنجره فعلی باز خواهد کرد ( راه جالبی برای خارج شدن از قاب ها) |
مشخصه name
<a name="label">Text to be displayed</a>
هنگامی که می خواهيد به يک لينک دارای نام متصل شويد بايد به انتهای نام فايل علامت # را اضافه کرده سپس نام لينک مورد نظر را بنويسيد. مثلا اگر دستورات زير را در فايلی به نام test1.htmذخيره کنيد
<p>This is a text. This is a text. This is a text.</p>
<p>This is a text. This is a text. This is a text.</p>
<a name="tips">Read the Useful Tips section</a>
<p>This is a text. This is a text. This is a text.</p>
<p>This is a text. This is a text. This is a text.</p>
و دستورات زير را در فايلی به نام test2.htm ذخيره کنيد
<a href="test1.htm#tips">
Read the Useful Tips section</a>
و فايل test2.htm را باز کنيد و روی لينک موجود کليک کنيد، فايل test1.htm باز خواهد شد و به بخش tips خواهد رفت. همچنين شما می توانيد از طريق پيوند دارای نام به بخشی از صفحه فعلی که توسط مرورگر در حال نمايش است برويد. مثلا اگر دستورات زير را در فايل test.htm نوشته و آن را ذخيره و توسط مرورگر باز کنيد، سپس روی Useful Tips کليک کنيد صفحه به سوی بخش tips جهش می کند.
.jpg "آموزش گام به گام HTML : قسمت سوم")
لينک به يک آدرس E-Mail
<p>My E-Mail adress is : you@yourname.com</p>
اما اگر بخواهيم يک لينک به آدرس E-Mail خود ايجاد کنيم که به طور خودکار يکی از برنامه های مخصوص E-Mail را در رايانه کاربر باز کرده و بعضی از موارد مورد نياز مانند آدرس و موضوع و... را به طور خودکار در قسمتهای مخصوص خود بنويسد و بدين ترتيب کار کاربر را کم کند، بايد از شيوه ای همانند دستور زير استفاده کنيم :
<a
href="mailto: you@yourname.com?Subject=Hello%20again">
Send Mail</a>
مثال زير مطلب را روشن تر خواهد کرد :
.jpg "آموزش گام به گام HTML : قسمت سوم")
چند نکته مفيد :
href="http://www.yourname.com/html/"
*لينک های دارای نام غالب برای ساخت فهرست مندرجات فايل های طولانی در ابتدای صفحه استفاده می شوند. به اين صورت که هر فصل يک لينک دارای نام دارد و لينکی به هر يک از آنها در ابتدای صفحه داده می شود.
*توجه داشته باشيد هنگامی که در مشخصه href می خواهيد از فاصله استفاده کنيد بايد فاصله را با %20 جايگزين کنيد تا مطمئن باشيد که فاصله ها به درستی توسط مرورگر تشخيص داده خواهند شد.
ادامه دارد ......
ارسال مقاله توسط عضو محترم سایت با نام کاربری : davidfattahi
/س
