HTML titluri ( headings ), exemple, curs online, html

Titlurile (headigs) sunt definite cu etichetele <h1> la <h6> si sunt importante pentru motoarele de cautare.
<h1> definește rubrica cea mai importantă. <h6> definește titlul cel mai puțin important.

Exemplu:

<!DOCTYPE html>

 <html>

    <head> 

     <title>HTML titluri, Examplu</title>

    </head> 

 <body>

 <h1>Titlul 1</h1>

 <h2>Titlul 2</h2>

 <h3>Titlul 3</h3>

 <h4>Titlul 4</h4>

 <h5>Titlul 5</h5>

 <h6>Titlul 6</h6>

   </body>

 </html>

Note: Browsers automatically add some white space (a margin) before and after a heading.

Titluri mai mari.

Fiecare titlu HTML are o dimensiune implicită. Cu toate acestea, puteți specifica dimensiunea pentru orice titlu cu Style, folosind proprietatea de dimensiune font-size CSS:

Exemplu2:

<!DOCTYPE html>

 <html>

    <head> 

     <title>Titluri mai mari, Examplu</title>

    </head> 

 <body>

<h1 style="font-size:40px; color:#0066CC">Heading 1</h1>

<h1>Heading 1 fara style</h1>

 <h2 style="font-size:30px; color:#3366FF">Titlul 2</h2>

 <h3 style="font-size:24px;">Titlul 3</h3>

 <h4>Titlul 4</h4>

 <h5>Titlul 5</h5>

 <h6>Titlul 6</h6>

   </body>

 </html>

Reguli orizontale HTML

Eticheta <hr> definește o pauză tematică într-o pagină HTML și este cel mai adesea afișată ca o regulă orizontală. Elementul <hr> este utilizat pentru a separa conținutul (sau a defini o modificare) într-o pagină HTML:

Exemplu 3:

<!DOCTYPE html>

 <html>

    <head> 

     <title>src atribuire, Examplu</title>

    </head> 

 <body>

<h1>Acesta este un titlu h1</h1>

<p>Aici adaugam un text oarecare.</p>

<hr>

<h2>Aici este titlul h2</h2>

<p>Aici putem avea un alt text.</p>

<hr>

   </body>

 </html>

Tags: titluri headings exemple

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.