We create your dream!

گروه برنامه نویسی رادیکال

آموزش HTML - عناصر

در این فصل با عناصر HTML آشنا می شوید, شیوه نگارش تگ ها را می آموزید, با یک مثال با تگ های تو در تو و تگ های خالی آشنا می شوید, در انتها هم پیشنهاداتی در رابطه با شیوه نگارش تگ ها برای شما داریم.

عناصر HTML

هر چیزی که بین تگ شروع و تگ پایان قرار دارد , یک عنصر HTML است

تگ شروع *محتویات عنصرتگ پایان *
<p> This is a paragraph </p>
<a href="default.htm"> This is a link </a>
<br />  

* به تگ شروع معمولا تگ باز هم گفته می شود, همچنین تگ پایان نیز تگ بسته گفته می شود.

شیوه نگارش عناصر HTML

  • یک عنصر HTML با تگ شروع / تگ باز شروع می شود
  • یک عنصر HTML با تگ پایان / تگ بسته پایان میابد
  • محتویات عنصر شامل هر چیزی می شود که بین تگ شروع و تگ پایان قرار دارد
  • برخی از عناصر HTML فاقد محتویات هستند (بعبارت دیگر تهی هستند)
  • عناصر تهی در تگ شروع بسته می شوند
  • بیشتر عناصر HTML می توانند حاوی صفات باشند

(در فصل بعد با صفات آشنا می شوید)

عناصر HTML تو در تو

بیشتر عناصر HTML می توانند تو در تو باشند (به عبارت دیگر حاوی عناصر دیگر باشند)
اغلب صفحات HTML از عناصر HTML تو در تو تشکیل شده اند

مثالی از یک صفحه HTML

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

مثال بالا حاوی 3 عنصر HTML است

توضیح مثال :

عنصر <p> :

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

در صفحات HTML از عنصر <p> برای ایجاد پاراگراف استفاده می شود
این عنصر یک تگ شروع <p> و یک تگ پایان </p> دارد
محتویات عنصر عبارت است از : This is my first paragraph

عنصر <body> :

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

عنصر <body> مشخص کننده بدنه و بخش قابل رویت یک صفحه HTML است
این عنصر حاوی یک تگ شروع <body> و یک تگ پایان </body> است
محتویات این عنصر یک عنصر HTML دیگر است (یک پاراگراف p)

عنصر <html> :

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

عنصر <html> مشخص کننده یک صفحه HTML است
این عنصر حاوی یک تگ شروع <html> و یک تگ پایان </html> است
محتویات این عنصر یک عنصر HTML دیگر است (بدنه body)

تگ پایان را فراموش نکنید

اگر شما تگ پایان را فراموش کنید, اغلب مرورگرها صفحه HTML را به درستی نمایش می دهند

<p>This is a paragraph
<p>This is a paragraph

مثال بالا در اکثر مرورگرها نمایش پیدا میکند, اما به آن اعتماد نکنید . فراموش کردن تگ پایان , می تواند منجر به تولید نتایج غیرمنتظره و یا اشتباهات شود
نکته : نسخه های بعدی HTML , به شما اجازه نمی دهد که براحتی از تگ پایان بگذرید !

عناصر HTML تهی

عناصر HTML که محتویاتی ندارند , به عناصر تهی معروف اند . عناصر تهی می توانند در تگ شروع بسته شوند
<br />یک عنصر تهی است که تگ پایان ندارد (این عنصر برای رفتن به خط بعدی استفاده می شود)
در XHTML و XML و نسخه های بعدی HTML تمام عناصر باید بسته شوند
یک راه خوب برای بستن عناصر تهی اضافه کردن یک اسلش به تگ شروع , مانند
است. این روش در HTML , XML و XHTML پذیرفته شده است
حتی اگر <br> در تمام مرورگرها بدرستی کار کند, اما شما به این صورت <br /> استفاده کنید!

نکته HTML : تگ ها را با حروف کوچک بنویسید

تگ های HTML نسبت به بزرگی یا کوچکی حروف حساس نیستند . بطور مثال <H1> با <h1> هیچ فرقی ندارد . بسیاری از سایت ها از تگ ها با حروف بزرگ استفاده می کنند
w3schools از تگ های حروف کوچک استفاده می کند . به دلیل اینکه کنسرسیوم جهانی وب پیشنهاد می کند که در HTML نسخه 4 از حروف کوچک استفاده کنید. و تاکید می کند که در نسخه های آینده از حروف کوچک استفاده شود.

Source : W3Schools Date Published :
Date Modified :

قابل توجه علاقه مندان به آموزش طراحی سایت در مشهد

چنانچه تمایل دارید در دوره های حضوری آموزش طراحی سایت شرکت نمایید, با ما تماس بگیرید

+98 915 913 0013 , +98 939 782 7869