آموزش HTML – عناصر اصلی
در این بخش مهمترین عناصر تشکیل دهنده HTML را برایتان بازگو خواهیم کرد
اگر در آموزش های قبل با برخی از تگ ها آشنا نشده اید نگران نباشید . در آموزش های بعدی با تمامی آنها آشنا خواهید شد .
تگ های عنوان (heading tag) :
عنوان ها در HTML معمولا بوسیله ی تگ های <h1> الی <h6> مشخص می شوند .
مهمترین تگ های عنوان به تریتیب اولویت از <h1> شروع می شود و به تگ <h6> خاتمه می یابد . که اصلی ترین آنها تگ h1 و تگ h2 می باشند.
<DOCTYPE html!>
<html>
<body>
<h1> عنوان اصلی سایت </h1>
<h2> عنوان سایت با تگ اچ2 </h2>
<h3> عنوان سایت با تگ اچ3 </h3>
<h4> عنوان سایت با تگ اچ4 </h4>
<h5> عنوان سایت با تگ اچ5 </h5>
<h6> عنوان سایت با تگ اچ6 </h6>
</body>
</html>
این تگ ها در مرورگر بصورت زیر نمایش داده خواهند شد :
عنوان اصلی سایت
عنوان سایت تگ اچ2
عنوان سایت تگ اچ3
عنوان سایت تگ اچ4
عنوان سایت تگ اچ5
عنوان سایت تگ اچ6
نکات مهم :
مهم ترین سرتیتر به تریتیب اهمیت موضوع h1 و h2 و h3 میباشند . سایر تگ های h4 , h5 , h6 نیز اولویت ها و اهمیت کمتری نسبت به تگ های h1 - h2 -h3 دارند .
در هر صفحه حتما از یک تگ h1 استفاده کنید . و به هیچ وجه بیشتر از از 1 بار تگ های h1 - h2 - h3 را به کار نبرید .
مهمترین تگ در سایت و نشان دهنده ی موضوع سایت توسط تگ h1 ایجاد میشود بنابراین سعی کنی عنوان مناسب با محتوایی که قرار است در سایت و یا صفحه قرار بگیرد را برای عنوان انتخاب کنید .
تگ های پاراگراف ( paragraph tags ):
پارگراف ها در اچ تی ام ال به وسیله تگ <p></p> ایجاد می شوند .
مثال :
<DOCTYPE html!>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
: در نهایت مرورگر بصورت زیر برای ما شکل زیر را نمایش خواهد داد
This is a paragraph
This is another paragraph
لینکها ( linkes ) :
لینک دهی در html اصولا توسط تگ هایی به نام <a> مشخص می شوند .این تگ ها به ویژگی به نام href مشخص خواهد شد که در آموزشهای بعدی با تمامی ویژگیهای تگ ها آشنا خواهید شد .
Href یکی از ده ها ویژگی تگ a می باشد . که بوسیله آن آدرس لینک مورد نظر در آن جای میگیرد و زمانی که روی کلمه ی درون تگ a کلیک میکنیم href سایت را به لینکی که درونش جای دارد منتقل میکند .
مثال :
<DOCTYPE html!>
<html>
<body>
<a href="http://www.int-net.ir">This is a link</a>
</body>
</html>
بعد از اجرای سند اچ تی ان ال بالا مرور گر بصورت زیر نمایش میدهد :
This is a link
زمانی که ما روی کلمه ی بالا کلیک میکنیم به آدرسی که داخل ویژگی href وجود دارد منتقل خواهیم شد .
تصویر در HTML :
تصاویر در HTML با تگ <img> مشخص میشوند . تگ img نیز مانند سایر تگ ها دارای ویژگیها و اتریبیوت های منحصر به فرد خودش می باشد .
مثال :
<DOCTYPE html!>
<html>
<body>
<img src="http://int-net.ir/Administrator/files/Services/www.int-net.ir.jpg" alt="int-net.ir" />
</body>
</html>
مرورگر بعد از اجرای سند Html بالا بدین صورت برای ما به نمایش در خواهد آمد :
تگ هایی که به آنها اشاره کردیم مهمترین تگ های موجود در html بودند . در آموزشهای بعدی در مورد سایر تگ های مهم دیگر نیز صحبت خواهیم کرد .