آموزش رایگان html
جلسه ششم

سربرگ های HTML

سربرگ ها (headings) در اسناد HTML از اهمیت بسیار زیادی برخوردار هستند. این سربرگ ها از طریق تگ های <h1> تا <h6> تعریف میشوند.تگ h1 دارای بیشترین اهمیّت و تگ h6 دارای کمترین اهمیّت میباشد.

همه مرورگرها بصورت خودکار یک فضای خالی (سفید رنگ) ،قبل و بعد از سربرگ های HTML اضافه می کنند. […]

سربرگ ها (headings) در اسناد HTML از اهمیت بسیار زیادی برخوردار هستند.

این سربرگ ها از طریق تگ های <h1> تا <h6> تعریف میشوند.تگ h1 دارای بیشترین اهمیّت و تگ h6 دارای کمترین اهمیّت میباشد.

همه مرورگرها بصورت خودکار یک فضای خالی (سفید رنگ) ،قبل و بعد از سربرگ های HTML اضافه می کنند.

اهمیّت سربرگ های HTML

موتور های جستجوگر برای بررسی و نمایش محتوای سایت شما ، از سربرگ های موجود در سند HTML شما استفاده میکنند.

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

از طریق تگ <h1> یک عنوان کلی برای محتوای صفحه انتخاب میشود.سپس میتوان با استفاده از یک یا چند تگ <h2> ، زیر شاخه هایی برای عنوان اصلی صفحه تعیین کرد.برای هر تگ <h2> میتوان چندین زیر شاخه از طریق تگ <h3> تعریف نمود و تا آخر به همین صورت.

دقت کنید که همیشه باید از تگ های سربرگ ، فقط برای تعریف سربرگ استفاده کنید ، نه برای ضخیم کردن (bold کردن) متن!

 

خطوط افقی (horizontal rules) در HTML

از تگ <hr> به منظور ایجاد خطوط افقی ، برای جدا کردن یک موضوع از موضوع دیگر استفاده میشود.

تگ <hr> در واقع متمایز کننده ی دو موضوع متفاوت ، در صفحه ، از یکدیگر است.

مثال

خروجی کد بالا

 

آشنایی با تگ hr یا horizontal rules

 

 

آشنایی با عنصر <head> در HTML

عنصر <head> ، هیچگونه ارتباطی با تگ های سربرگ h1 تا h6 ندارد.

از عنصر <head> برای تعریف اطلاعات متا (غیر قابل نمایش در صفحه) ، که در رابطه با صفحه HTML است ، استفاده میشود.

تگ <head> همیشه بین دو تگ <html> و <body> قرار میگیرد و حاوی اطلاعات غیر قابل نمایش مرتبط با صفحه است.

اطلاعات متا (metadata) ، معمولاً عنوان صفحه ، نوع character set ، استایل ها ، لینک ها ، اسکریپت ها و اطلاعات غیر قابل نمایش صفحه را تعریف میکنند.

در مراحل بعدی هر کدام از این موارد به تفصیل توضیح داده خواهند شد.

 

ترفند (۱) : شاید برای شما هم پیش آمده باشد که از طراحی یک سایت یا یک صفحه HTML خوشتان آمده باشد و دوست داشته باشید کد های صفحه مورد نظر را مشاهده کنید.برای این کار کافی است در صفحه مورد نظر راست کلیک کرده و از منوی باز شده View Page Source (در فایرفاکس و کروم) یا View Source (در اینترنت اکسپلورر) را انتخاب کنید.با این کار کل کد html صفحه مورد نظر در یک صفحه برای شما نمایان میشود که میتوانید جزئیات آن را بصورت کامل مشاهده کنید.

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