rel=”no follow”چیست؟
برای اینکه لینک مورد نظر توسط ربات های موتور جستجودنبال نشود
این تگ برای موتورهای جستجو بوده و نتیجه آن در ظاهر نمایان نمی شود.
تگ متا (Meta) چیست؟
این تگ برای شناساندن وبلاگ و یا وب سایت شما به موتور های جستجو می باشد و حالت کلی این تگ بصورت زیر می باشد:
<meta name=”description” content=”…” >
بطور مثال برای اینکه ربات های موتور جستجو لینک های موجود در صفحه را دنبال نکنند بصورت زیر عمل می کنیم:
<Meta Name=”robots” content=”no follow”>
این تگ همانند تگ relفقط برای موتور های جستجو می باشد.
نتیجه |
کد |
|
<html> <head><title> Change color</title></head> <body> <body bgcolor=”#000000”> </body> </html>
|
کارعملی
نتیجه |
رنگ |
|
#FF5000 |
|
#FF6000 |
|
#FF7000 |
|
#FF8000 |
|
#FF9000 |
|
#cc6600 |
بدون جواب خودتان فکر کنید.
کد هگزادسیمال نمونه ای از رنگها در HTML
|
#000000 |
|
#FF0000 |
|
#000099 |
|
#FFFF00 |
|
#006600 |
|
#FF6600 |
<body bgcolor=” color “>
این تگ برای تغییر رنگ پس زمینه صفحات HTMLبکار می رود.
<center>………..</center>
این تگ برای وسط چین کردن متن و یا هر عنصر دیگر بکار می رود.
برای تگ <center>یک شبه کد بنویسید.
کد |
نتیجه |
Hello, World |
<html> <head><title>Center</title></head> <body> <center>Hello, World</center> </body> </html> |
<Table>……. </Table>
برای ایجاد جدول در صفحات وب بکار می رود و تگ های <td>برای ایجاد ستون و تگ <tr>برای ایجاد سطر بکار میرود
یک جدول با دو سطر و ستون ایجاد نمایید.
کد |
نتیجه |
Hello hi www hi |
<html> <head><title>Table </title></head> <body> <table> <tr> <td valign=”top” align=”left”> Hello</td> <td>hi</td> </tr> <tr> <td valign=”top” align=”left”>www</td> <td>hi</td> </tr> </table> </body> </html> |
<li>……….</li>
برای ایجاد لیست مرتب شده بکار می رود و تگ
<Ol>…………. </ol>
آن لیست را شماره گذاری می کند.نحوه ایجاد لینک
نتیجه |
کد |
|
<li>Hello, World</li> |
|
<ol><li>Hello, World</li></ol> |
لازم بذکر است که دو تگ <ol> و<li>باید ترکیب شوند تا شماره گذاری کند.
<A herf=”URL”>comment</A>
این تگ برای پیوند به صفحات و یا به وبلاگ و سایت دیگر بکار می رود.
<=URL آدرس صفحه و یا صفحه درونی وب سایت
<=Commentمتن دلخواهی که برای عنوان صفحه و یا آدرس مورد نظر قرار می دهیم.
توجه شود که برای درست کار کردن این دستور باید سرویس دهنده آنلاین باشد.
بهتر است برای بهبود عملکرد وب سایت ویا وبلاگ از تگ <u>…….</u> برای زیر خط دار کردن استفاده شود
سه تگ<i>,<u>,<b> را امتحان کنید.
نتیجه |
کد |
Hello, World |
<html> <head><title>First</title></head> <body> <b><i><u>Hello, World</u></i></b> </body> </html> |
“ alt=” “>آدرس<imgsrc=”
این تگ برای گذاشتن عکس برروی صفحه وب می باشد باید توجه شود که در موقع تست سرور باید به شبکه اینترنت وصل باشد. آدرس باید بصورت فیزیکی و معمولی داده شود نه بصورت وبی.
نحوه آدرس دادن به دو صورت |
|
C:\img\pic\1.jpg |
فیزیکی |
Localhost\pic\1.jpg |
وبی |
از زیر مجموعه های این تگ می توان به width،height ،alt اشاره نمود.
<=Altبرای نوشتن توضیحاتی برای عکس
<=Heightبرای تعیین طول عکس برحسب پیکسل
<=Widthبرای تعیین عرض عکس برحسب پیکسل