تیترهای HTML
تیترها با استفاده از تگ های <h1> تا <h6> تعریف میشوند.
تگ <h1> تیتر بزرگ و اولین تیتر است. <h6> تیتر کوچک و آخرین تیتر است.
نتیجه :
نکته : مرورگرها بصورت خودکار فضایی خالی (یک لبه a margin) قبل و بعد از یک تیتر heading اضافه میکنند .
تیتر ها مهم هستند !
موتورهای جست و جو از تیترها استفاده میکنند تا ساختار و محتویات صفحات وب را ایندکس کنند .
کاربران صفحات شما را با تیترهای آن می خوانند. مهم هست که از تیترها برای نشان دادن ساختار سند استفاده شود .
تیتر <h1> باید برای عنوان یا تیتر اصلی استفاده شود , سپس تیتر <h2> , و تیتر بعدی <h3>, و به همین ترتیب استفاده میشوند .
توجه: از تیترها فقط برای عنوان های HTML استفاده کنید . برای متنهای بزرگ BIG یا زخیم bold از تیتر استفاده نکنید.
تیترهای بزرگتر
هر تیتر HTML دارای اندازه پیش فرض است. با این حال، با استفاده از خصوصیت اندازه فونت CSS می توانید برای هر تیتر ، ابعاد و سبک مشخص تعریف کنید:
خط افقی HTML :
تگ <hr> یک خط را در یک صفحه HTML تعیین می کند و اغلب به عنوان یک خط افقی نمایش داده می شود.
عنصر <hr> برای جدا کردن محتوا (یا یک تغییر) در یک صفحه HTML استفاده می شود:
عنصر <head> در HTML
عنصر <head> هیچ ارتباطی با تیتر HTML ندارد.
عنصر <head> یک ظرف برای ابرداده metadata است. ابرداده HTML اطلاعات مربوط به سند HTML است. ابرداده نمایش داده نمی شود.
عنصر <head> بین تگ <html> و تگ <body> قرار دارد:
نکته: ابرداده معمولا عنوان سند، مجموعه کاراکترها، سبک ها، لینک ها، اسکریپت ها و سایر ابر اطلاعات را تعریف می کند.
نحوه نمایش منبع HTML؟
آیا تا کنون یک صفحه وب را دیده اید و به این فکر کردید که "چطور آنها این صفحه را ساختند؟"
مشاهده کد منبع HTML:
برای اینکار، روی صفحه راست کلیک کنید و «View Page Source» (در Chrome) یا «View Source» (در اینترنت اکسپلورر) یا گزینه مشابه در سایر مرورگرها را انتخاب کنید. یک پنجره حاوی کد منبع HTML در صفحه جدید باز خواهد شد.
عنصر HTML را بازبینی کنید:
بر روی یک متن (یا یک منطقه خالی) کلیک راست کرده و گزینه "Inspect" یا "Inspect Element" را انتخاب کنید تا ببینید با چه عناصری ساخته شده است (هر دو HTML و CSS را خواهید دید). شما همچنین می توانید HTML یا CSS را در پنل عناصر یا سبک که باز می شود ، ویرایش کنید.
تمرین شماره 1 : صفحه وبی طراحی کنید که شامل یک تیتر با عنوان "London" و یک متن ساده " حداقل 5 خط " باشد. (مشاهده در W3C)
تمرین شماره 2 : در تمرین شماره 1 ، بین تیتر و متن یک خط افقی قرار دهید. (مشاهده در W3C)
تمرین شماره 3 : صفحه وبی طراحی کنید که 6 تیتر با عنوان "Hello" را از بزرگ به کوچک نمایش دهد. (مشاهده در W3C)
تمرین شماره 4 : صفحه وبی طراحی کنید شامل 3 تیتر از بزرگ به کوچک با عنوان های "Universal Studios Presents" و "Jurassic Park" و "About" به همراه یک پاراگراف متن ساده. (مشاهده در W3C)
مرجع تگ HTML
مرجع تگ W3Schools حاوی اطلاعات اضافی در مورد این تگ ها و ویژگی های آنها است.
شما در مورد تگ های HTML و ویژگی های دیگر در فصل بعدی این آموزش بیشتر آشنا میشوید.
تگ <html> ، تگ <body> ، تگ <head> ، تگ <h1> تا <h6> ، تگ <hr>
دیگر قسمت های این مقاله :
قسمت 1 ، قسمت 2 ، قسمت 3 ، قسمت 4 ، قسمت 5 ، قسمت 7 .
