از عنوان ها یا سرتیتر در HTML برای بزرگتر نشان دادن عناوین مهم در صفحه وب استفاده می شود.

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

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

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

 عنوان ها مهم هستند

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

نکته: از عنوان های HTML تنها برای سرتیترها استفاده کنید. و از این عنوان ها برای بزرگ کردن یا برجسته کردن(Bold) متن استفاده نکنید.

استفاده از عنوان های بزرگتر

هر عنوان HTML یک سایز پیش فرض دارد. اما ما می توانیم سایز را با استفاده از خصوصیت style برای هریک از عنوان ها مشخص کنیم. به این منظور می توانیم از ویژگی font-size در CSS استفاده کنیم.

<h1 style="font-size:60px;">Heading 1</h1>