تگ های پایه HTML

تگ های پایه HTML

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

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

The content of the body element is displayed in your browser.

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

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

<p>This is a paragraph.<p></p> <p>This is a paragraph.<p></p> <p>This is a paragraph.<p></p> <p>Paragraph elements are defined by the p tag.<p></p>

محتوای پاراگراف بین دو تگ <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–>

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

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