کد هگزادسیمال نمونه ای از رنگها در 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> |
سه تگ<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برای تعیین عرض عکس برحسب پیکسل
<Br>
این تگ همانند کلید اینتر عمل می کند
برای مثال :
Hello<br>world ونتیجه آن Hello
World
<b>………. </b>
متن بین آن را پررنگ می کند و همانند کلید Bold در Wordعمل میکند
مثال: <B>Hello, World</B> Hello, World
<Html>
</html>
کلیه کد ها بین این دو تگ قرار می گیرد.
* کلیه فایل های اچ تی ام ال باپسوند .htmlویا .htm ذخیره می گردد.
*دقت کنید که اگر که با نوت پد کار میکنین قسمت Save as type را روی all file بگذارید.
درس دوم
<Head>
</head>
کلیه تگ های <meta>و<title>و<style>در میان این دو تگ قرار میگیرند