سرفصلهايhtml عناصري هستند كه براي تعريف ونمايش سرفصل اصلي يا فرعي صفحات بكار ميروند.
مثال ـ سرفصلهاHTML
<!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html>
مثال را اجرا كنيد ونتيجه اجرا را مشاهده كنيد.
سر فصلها صفحه بوسيله تگهاي<h1> الي <h6> تعريف مشوند .
تگ<h1> براي بااهميت تري سرفصل، وبه ترتيب با كاهش اهميت تا <h6>براي سرفصل با پائين ترين درجه اهميت .اندازه فونت هاي آنها هم به ترتيب كاهش مي يابد.
نكته ـ مرورگربصورت اتوماتيك براي آنها در نمايش فضاي خالي سمت راست وچپ قرار ميدهد.
موتورهاي جستجو از سرفصلهاي صفحات ومحتواي آنها در نمايش ساختار جستجو استفاده ميكنند. كاربران اغلب يك صفحه را براساس عناوين آن مرور ميكنند .استفاده ازسرفصل ها در ساختار سند براي نمايش آن مهم ومناسب تراست.
در نمايش سرفصلها به ترتيب اهميت آنها در ساختار سند، به ترتيب از<h1> ، <h2>و<h6> ... استفاده شوند.
نكته ـ براي عناوين سرفصل از عناصر ذكرشده استفاده نمائيد، هرگز از عناصرBIG ياbold استفاده نكنيد.
هرعنصر سرفصلhtml بصورت پيش فرض داراي فونت با اندازه مشخصي است .ولي ميتوانيد آنرا با styleبزرگتر كنيد .اين كار راباويژگي CSS font-size انجام دهيد .نمونه زيررا ملاحظه كنيد.
<h1 style="font-size:60px;">Heading 1</h1>
مثال ـ نمونه بزرگ نمودن سرفصل
<!DOCTYPE html> <html> <body> <h1style="font-size:60px;">Heading 1</h1> <p>You can change the size of a heading with the style attribute, using the font-size property.</p> </body> </html>