نکته : در این جلسه ممکن است از برخی تگ ها استفاده شود که تا کنون توضیحی درباره آن ها داده نشده است. این مثال ها بیشتر به منظور آشنایی شما با تگ ها و ساختار المنت های HTML هستند و در ادامه به صورت مفصل در مورد همه آن ها بحث خواهد شد.
سرعنوان ها (Headings) در HTML

سر عنوان های در HTML با استفاده از تگ های <h1> تا <h6> تعریف می شوند.
1
2
3		 <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


پاراگراف ها در HTML

پاراگراف در HTML با تگ <p> تعریف می شود.
1
2		 <p>This is a paragraph.</p>
<p>This is another paragraph.</p>


پیوند ها در HTML

لینک ها در HTML با تگ <a> تعریف می شوند.
1 <a href="http://www.codedrive.ir">مدرسه وب ایران</a>


تصاویر در HTML

تصاویر در HTML با تگ <img> تعریف می شوند.
1 <img src="codedrive.jpg" width="104" height="142" />


اسناد HTML توسط عناصر HTML تعریف می شوند.
عناصر HTML

عناصر (Elements) HTML همه چیز هایی هستند که بین یک تگ شروع و تگ پایان قرار دارد.

تگ شروع محتوای عنصر تگ پایان
<p> This is a paragraph </p>
<a href=”default.htm” > This is a link </a>
<br />
نکته : تگ شروع معمولا با عنوان تگ باز و تگ پایان معمولا با عنوان تگ بسته نام برده می شوند.
Syntax عناصر HTML

  • یک عنصر HTML با تگ آغاز ، شروع می شود.
  • یک عنصر HTML به تگ پایان ختم می شود.
  • هر چیزی که بین تگ شروع و تگ پایان قرار گیرد را محتوای عنصر می نامیم.
  • برخی از عناصر HTML فاقد محتوا هستند .
  • عناصر بدون محتوا در شروع ، بسته شده اند !
  • بیشتر عناصر HTML می توانند صفت هایی را بپذیرند.

* در ادامه با صفت ها بیشتر آشنا خواهیم شد.

سند HTML نمونه

1
2
3
4
5
6
7		 <html>



<body>

<p>This is my first paragraph.</p>

</body>

</html>


فایل بالا از سه عنصر HTML تشکیل شده است.
توضیحات مثال بالا

عنصر <p>
1 <p>This is my first paragraph.</p>


-عنصر <p> در صفحات HTML تعریف کننده یک پاراگراف است.
- عنصر <p> دارای تگ شروع <p> و تگ پایان </p> است.
محتوای عنصر <p> عبارت This is my first paragraph است.
عنصر <body>
1
2
3		 <body>
<p>This is my first paragraph.</p>
</body>


-عنصر <body> بدنه صفحات HTML را تعریف می کند.
- عنصر <body> دارای تگ شروع <body> و تگ پایان </body> است.
- محتوای عنصر <body> یک عنصر دیگر است. (عنصر <p> )
عنصر <html>
1
2
3
4
5
6
7		 <html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>


-عنصر html کل یک سند HTML را تعریف میکند.
- عنصر <html> دارای تگ شروع <html> و تگ پایان </html> است.
- محتوای عنصر <html> یک عنصر دیگر است. (عنصر <body> )
تگ پایان را فراموش نکنید !

توجه داشته باشید که برخی از عناصر HTML در صورتی که فاقد تگ پایان هم باشند به درستی نمایش داده می شوند.پس همواره دقت داشته باشید که تگ پایان را فراموش نکنید.
1
2		 <p>This is a paragraph
<p>This is a paragraph


مثال بالا در بیشتر مرورگر ها به درستی نمایش داده می شود به این علت که تگ پایان را انتخابی در نظر گرفته اند.
عناصر خالی HTML

عناصر بدون محتوا را عنصر خالی می نامیم. به عنوان مثال تگ <br> یک تگ خالی است که فاقد تگ پایان است .
نکته : در XHTML همه عناصر باید دارای تگ پایان باشند که برای عنصر های خالی به صورت یک اسلش در کنار تگ آغاز استفاده میکنیم. (مثل : <br /> )
نکته مهم : از حروف کوچک استفاده کنید !

در عمل نوشتن به صورت <P> با <p> تفاوتی ندارد اما به علت توصیه کنسرسیوم جهانی وب از حروف کوچک استفاده می کنیم.