تگ های پایه HTML

تگ های پایه HTML
  • 1391/11/22
  • مهرداد شکری نسب
  • 4

در HTML تگ هایی وجود دارد که استفاده از آن ها در همه طراحی ها کاملا ضروری است. آن ها را تگ های پایه نما گذاری کرده ایم و در این آموزش به معرفی اجمالی آن ها می پردازیم.

ساده ترین صفحه HTML ، شامل تگ html و body خواهد بود. مثال زیر را بررسی کنیم :

<html>
<body>
The content of the body element is displayed in your browser.
</body>
</html>

در واقع ، تگ html نشان دهنده شروع کد html و تگ body معرف قسمت قابل نمایش در مرورگر است.

پاراگراف – <p>
تگ پاراگراف ، همانطور که از نام آن پیدا است ، برای نمایش متن استفاده می شود. کد زیر ، نمونه ساده از چند تگ پاراگراف است :

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

<p>Paragraph elements are defined by the p tag.</p>

</body>
</html>

محتوای پاراگراف بین دو تگ <p> ( شروع تگ ) و </p> ( پایان تگ ) قرار می گیرد.

سرتیترها – <hx>
تگ های <h1> تا <h6> به عنوان سرتیتر ها شناخته می شوند. این تگ ها نیز به صورت جفتی بوده و محتوا بین تگ شروع و پایان قرار می گیرد. مثال :

<h1> This is a heading </h1>

<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>

تگ h1 دارای بیشترین اهمیت و h6 دارای کمترین اهمیت برای موتور جستجو است.

پرش به خط بعدی – <br>
تگ<br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.تگ <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. این تپ یک برچسب تکی است و هیچ تگ پایانی ندارد.

توضیحات در HTML
برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.

<!–This is a comment–>

توجه کنید که شما بعد از باز کردن براکت به علامت تعجب نیاز دارید اما قبل از بستن نیاز ندارید.

در قسمت های بعدی ، به سراغ مطالب مهم تر با جزئیات بیشتری خواهیم رفت.

دیدگاه خود را وارد کنید
تعداد دیدگاه ها : 4 دیدگاه
    1. به روی چشم اقا مهران. سهل انگاری از بنده بوده که تابحال اموزش ها رو نذاشتم…
      به حتم این سری ادامه خواهیم داد…

  1. تگ های مهمی هستن. مرسی جناب شکری نسب. مقاله مفیدی بود و امیدوارم به این روند ادامه دهید. در ضمن تگ head هم فکر می کنم جزو تگ های پایه هست. اینطور نیست؟

    1. خواهش می کنم اقا بهراد.
      درست می فرمایید ، تگ head هم به عنوان یک تگ پایه شناخته شده. منتهی هدف امروز ، شروع از تگ های body و اشنایی با تگهای ساختار بندی صفحه بود. قطعا بعدا به اون تگها هم خواهیم پرداخت. منتهی چون اموزش مقدماتی هست و داریم مراحل اولیه رو طی می کنیم ، کاربر علاقمند ، بیش از هر چیزی به دنبال شکل دهی صفحه و جابجایی عناصر هست ( که مربوط به تگ های درون body میشه ) و کمتر به دنبال عنوان صفحه ، meta و … می گرده. البته ، این تگها ، در جلسه اول شرح داده شده اند 🙂
      ممنون از یاداوری

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *