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

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

دوره های حضوری Course
دوره آموزش html (حضوری)
ظرفیت : 3 دانشجو شروع : 01 آذر 1401
50 ساعت وضعیت : ثبت نام ظرفیت مانده : 3 نفر

دوره آموزشی html به صورت حضوری در تهران برگزار می شود در این دوره برای بازار کار آماده می شوید بعد از هرجلسه تمرین های مختلفی برای شما در نظر گرفته می شود.

محل برگذاری کلاس : تهران - هفت تیر

کلیه کلاس های حضوری جاب تیم به صورت نیمه خصوصی و با حداکثر ظرفیت 6 نفر برگزار می شود بدیهی هست کیفیت آموزش برای ما در اولویت می باشد.

اساتید دوره

بهزاد میرزازاده بهزاد میرزازاده

زمان مطالعه

3 دقیقه

بازدید

223

پرسش و پاسخ

0
تگ های مهم و پایه در اچ تی ام ال (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 را ویرایش کنید اما این تغییرات در فایل های اصلی شما اتفاق نخواهد افتاد و برای حتما برای نگهداری تغییرات باید در فایل های اصلی اعمال شود.