سرفصل ها در اسناد HTML   حائز اهمیت می باشند.

سرفصل های HTML

سرفصل ها با تگ های <h1> تا <h6> تعریف می شوند.

تگ <h1> بیانگر مهم ترین سرفصل و <h6> بیانگر کم اهمیت ترین سرفصل می باشد.

مثال:


 
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
 
 


توجه: مرورگرها بطور خودکار قدری فضای خالی (حاشیه) قبل و بعد از یک سرفصل اضافه می کنند.

سرفصل ها حائز اهمیت می باشند

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

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

سرفصل های نشانه گذاری شده با <h1> باید برای سرفصل های اصلی بکار روند، و پس از آن ازتگ های <h2> و سپس تگ های کم اهمیت تر <h3> و غیره استفاده گردد.

توجه: از سرفصل های HTML   فقط برای سرفصل ها استفاده نمایید. از سرفصل ها برای بزرگ نمودن یا پررنگ کردن متن استفاده نکنید.

خطوط (جدا کننده های) افقی HTML

تگ <hr> تعریف کننده یک تغییر موضوعی در یک صفحه HTML   بوده و اغلب به صورت یک خط افقی نمایش داده می شود.

المان <hr> برای جدا کردن محتوا (یا تعریف یک تغییر) در یک صفحه HTML   بکار می رود.

مثال:


 
    <h1>This is heading 1</h1>
    <p>This is some text.</p>
    <hr>
    <h2>This is heading 2</h2>
    <p>This is some other text.</p>
    <hr>
 
 


المان <head> در HTML

المان <head> در HTML   ربطی به سرفصل های HTML   ندارد.

المان <head> محلی برای قرارگرفتن ابرداده ها می باشد. ابرداده HTML   ، داده هایی در مورد سند HTML   است. ابر داده نمایش داده نمی شود.

المان <head> بین تگهای <html> و <body> قرار می گیرد.

مثال:


 
    <!DOCTYPE html>
    <html>
    <head>
      <title>My First HTML</title>
      <meta charset="UTF-8">
    </head>
    <body>
    .
    .
    .
 
 


توجه: ابر داده ها معمولا عنوان سند، مجموعه کاراکترها، استایل ها، لینک ها، اسکریپت ها، و سایر ابر اطلاعات را شامل می شوند.

چگونگی نمایش کد HTML

آیا تا به حال صفحه وبی را دیده اید که تعجب کرده و گفته باشید: «هی! آن ها چگونه این کار را انجام داده اند؟ »

برای فهمیدن این موضوع، در صفحه راست کلیک نموده و گزینه « View Page Source   » (در مرورگر کروم یا فایرفاکس) و « View Source   » (در مرورگر اینترنت اکسپلورر) و یا کلمه های مشابه را در مرورگرهای دیگر انتخاب کنید. با این کار، پنجره ای حاوی کد HTML   صفحه باز خواهد شد.

مرجع تگ های HTML

مرجع تگ های html وب سایت تیپی حاوی اطلاعات بیشتری در مورد این تگ ها و مشخصه های آن ها می باشد.

در بخش های بعدی این آموزش، مطالب بیشتری در مورد تگ ها و مشخصه های HTML   خواهید آموخت.

تگ توصیف
<html> ریشه سند HTML را تعریف می کند
<body> متن سند را تعریف می کند
<head> ظرفی برای تمام المان های سرفصل (عنوان، اسکریپت‌ها، استایل ها، اطلاعات متا و ...)
<h1> to <h6> سرفصل های HTML را تعریف می کند
<hr> یک تغییر موضوعی در محتوا را مشخص می کند

نوشتن دیدگاه


 

آموزش های گام به گام

سمینار خانه های هوشمند برای دوران پیری

سمینار خانه های هوشمند برای دوران پیری

ادامه مطلب...

چهارمین کارگاه ارتباطات و نظریه اطلاعات برگزار می شود

چهارمین کارگاه ارتباطات و نظریه اطلاعات
چهارمین کارگاه ارتباطات و نظریه اطلاعات

ادامه مطلب...

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

ادامه مطلب...

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

ادامه مطلب...