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