تگ های مهم و پایه در اچ تی ام ال (Html)

زمان مطالعه

3 دقیقه

تعداد بازدید

1467

تعداد پرسش ها

افزودن به لیست علاقه مندی ها

برچسب ها :

نکات html

اشتراک گذاری این مطلب

دسته بندی مطالب

تگ های مهم و پایه در اچ تی ام ال (Html)

زمان مطالعه

3 دقیقه

تعداد بازدید

1467

تعداد پرسش ها

افزودن به لیست علاقه مندی ها

برچسب ها :

نکات html

اشتراک گذاری این مطلب

تگ های پرکاربرد html

در html برخی از تگ های پرکاربردی وجود داره که بهشون اشاره میکنیم تا شما بتونید اچ تی ام ال رو بیشتر درک کنید.

ساختار یک سند html

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

همه فایل های html باید با <!DOCTYPE html> شروع شوند که نوع فایل رو مشخص میکنه.

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

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

نکته : شما اگه داخل تگ body تگی رو به هر صورتی مخفی کنید به بازدید کننده تگ مورد نظر نمایش داده نمیشه

<!DOCTYPE> چیست؟

همونطور که بالاتر اشاره کردم <!DOCTYPE> نوع سند (فایل فعلی) رو مشخص میکنه این تگ کمک میکنه مرورگرها سریعا نوع فایل رو تشخیص بدن و فقط یکبار در هر فایلی استفاده میشه اونم بالای صفحه. <!DOCTYPE> رو با حروف بزرگ یا کوچیک بنویسید مشکلی نداره و مرورگرها این تگ رو تشخیص میدند. این تگ به صورت ذیل بالای کد صفحه باید قرار بگیره

<!DOCTYPE html>

عناوین در html

عناوین با تگ های h1 تا h6 تعریف میشه که مهمترینشون h1 و کمترین اهمیت رو هم h6 داره این قضیه که این عناوین در یک مقاله وجود داشته باشه در آموزش سئو کامل توضیح داده شده. مثالی از این تگ ها

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

پاراگراف ها در html

پاراگراف ها با تک <p></p> مشخص می شوند و برای نمایش متن کاربرد بسیاری داره

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

لینک ها در html

لینک یا پیوند در html با تگ <a></a> مشخص می شوند به صورت ذیل

<a href="https://jobteam.ir">This is a link</a>

تصویر در html

تصاویر در html با تگ <img> مشخص می شوند که یکسری خصوصیات داره که این خصوصیات رو در مطلب مربوط کامل توضیح خواهیم داد.

<img src="https://jobteam.ir/img/logo.png" alt="جاب تیم" width="104" height="142">

مشاهده کد منبع (سورس کد) HTML:

در یک صفحه HTML کلیک راست کنید و "view page source" را انتخاب کنید. با این کار پنجره ای حاوی کد منبع HTML صفحه باز می شود.

بررسی تگ های فایل html در مرورگر (inspect elements) :

روی یک عنصر (یا یک قسمت خالی) کلیک راست کنید و "Inspect" یا "Inspect Element" را انتخاب کنید تا ببینید از چه عناصری تشکیل شده اند. همچنین می توانید در پنل Elements یا Styles که باز می شود ، HTML یا CSS را ویرایش کنید اما این تغییرات در فایل های اصلی شما اتفاق نخواهد افتاد و برای حتما برای نگهداری تغییرات باید در فایل های اصلی اعمال شود.

عناصر (المنت) html