ساختار کلی:
تعریف تگ:
در زبان html هرچه بین دو علامت < > قرار گیرد یک تگ نام دارد.
مثلا ما هر جا از تگ <hr> استفاده کنیم، یک خط افقی در مرور گر چاپ می شود.
البته بیشتر تگ ها ، به یک تگ پایانی به نشانه اتمام وظیفه آن تگ احتیاج دارند. در تگ پایانی، قبل از نام تگ، علامت / را قرار می دهیم.
مثلا اگر ما متنی را بین <i>...</i> قرار دهیم، متن به صورت ایتالک در مرورگر نشان داده می شود.
بدنه html:
بدنه یک برنامه html به صورت زیر می باشد و همواره باید آن را رعایت کنیم:
| <html> <head> <title>عنوان صفحه</title> </head> <body> هرچه اینجا نوشته شود در مرورگر نشان داده می شود </body> </html> |
اگر متن بالا را در notepad یا frontpage نوشته و با پسوند htm. ذخیره کنید و سپس آن را اجرا کنید، نتیجه در مرورگر به صورت زیر خواهد بود:
| هرچه اینجا نوشته شود در مرورگرنشان داده می شود |
حال به توضیح کد بالا می پردازیم:
تگ <html> نشان دهنده استفاده از زبان html می باشد و کلیه دستورات و تگ ها باید بعد از این تگ قرار گیرند و در آخر نیز باید از تگ پایانی <html/> به نشانه پایان دستورات html استفاده کرد.
در تگ <head> دستوراتی قرار می گیرند که در مرورگر نشان داده نمی شوند که این دستورات میتواند شامل فرمان های java script, css و ... باشند که بعدا در مورد آن ها بحث می کنیم. یکی از تگ هایی که که در داخل تگ <head> قرار می گیرد، تگ <title> می باشد که در این تگ عنوان صفحه را می نویسیم تا مورد استفاده موتور های جستجو قرار گیرد. باید دقت کنیم که از تگ پایانی <title/> و <head/> حتما استفاده کنیم.
هرچه که در تگ <body> قرار گیرد، در مرور گر نشان داده می شود.
کار اصلی ما نیز در این تگ می باشد و بیشتر دستورات را در این تگ قرار
می دهیم. حتما سوال می کنید چرا با اینکه در نوشتن متن ما چندین بار
به خط بعد رفته ایم،ولی در مرور گر متن در یک خط نشان داده می شود؟
جواب واضح است. شما در html دستورات و غیره را هر جوری که بنویسید، آنها به صورت ترتیبی و پشت هم اجرا شده و وجود فاصله بین آنها تاثیری ندارد.
تعریف شناسه:
شناسه ها دستوراتی هستند که در درون خود تگ و بعد نام تگ آمده و برخی خصوصیات تگ را توصیف می کنند.
برای مقدار دهی به شناسه ها از علامت = استفاده کرده و مقدار را بین " " قرار می دهیم.
برخی شناسه ها اختیاری بوده و بر خی دیگر اجباری بوده و حتما در تعریف تگ باید آورده شوند. مثلا شناسه src در تگ img که برای قرار دادن عکس استفاده می شود، یک شناسه اجباری است. و یا شناسه bgcolor یک شناسه اختیاری بوده که در تگ body به کار می رود و برای تعریف رنگ پس زمینه می باشد:
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body bgcolor="red">
<img src="c:\pictures\a.jpg">
</body>
</html>
به این نکته توجه داشته باشید که اگر ما در html
نویسی اشتباهی داشته باشیم، فایل ما در مرورگر اجرا خواهد شد و هر جا
که مشکلی مجود داشته باشد(مثلا اشتباهات تایپی) مرور گر آن را نادیده
می گیرد و به سراغ تگ بعدی می رود.
حال ما آماده ایم که شروع به نوشتن فایل های html بکنیم.
