جهت مشاهده نتایج و تست کدها از ادیتور آنلاین استفاده کنید (کلیک کنید).

HTMLسربرگ در

منظور از سربرگ یا heading عناوینی است که در صفحات وب استفاده میشود. این سربرگها شش سطح دارند که با استفاده از تگهای <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>

نتیجه کد:

سفارشی سازی سربرگها

  • سربرگها در هر سطح سایز مشخص خود را دارند اما امکان تغییر سایز آنها به اندازه دلخواه نیز وجود دارد.
  • میتوان سایز سربرگها را به صورت درصدی نیز بیان کرد مثلا 300% که به معنای سایزی است که 300% از سایز پیش فرض بزرگتر است.

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

<h1 style=”font-size:300%;”>This is a heading</h1>

  • به صورت پیش فرض رنگ متون و سربرگها مشکی است ولی میتوان رنگ آنها را نیز تغییر داد. در این مثال نحوه تغییر رنگ سربرگ به آبی قابل مشاهده است.

<h1 style=”color:blue;”>This is a heading</h1>

  • به صورت پیش فرض رنگ متون و سربرگها مشکی است ولی میتوان رنگ آنها را نیز تغییر داد. در این مثال نحوه تغییر رنگ سربرگ به آبی قابل مشاهده است.

<h1 style=”color:blue;”>This is a heading</h1>

  • به صورت پیش فرض سربرگها در گوشه سمت راست یا سمت چپ قرار میگیرند که برای تغییر موقعیت آنها نیز میتوان به صورت مثال زیر عمل کرد.

<h1 style=”text-align:center;”>Centered Heading</h1>

Scroll to Top