Home Web/HTML Lecția 3. Formatarea textului și intitularea paginilor web

Lecția 3. Formatarea textului și intitularea paginilor web

Formatarea textului.

După cum ai observat deja, textele de pe internet sunt scrise în diferite stiluri, stiluri ce au menirea de a atrage atenția unui utilizator la ceva anume sau de a arăta elementele mai puțin importante.
În HTML avem următoare etichete ce se ocupă cu formatarea textului:

Etichetă Descrierea etichetei
<b> Definește textul îngroșat (bold)
<em> Definește textul accentuat (emphasized)
<i> Definește textul italic
<small> Definește textul mic
<strong> Definește textul evidențiat (de obicei are același rezultat ca și textul îngroșat)
<sub> Definește un Indice
<sup> Definește un Exponent
<ins> Definește textul subliniat
<del> Definește textul tăiat

Exercițiu:

<!DOCTYPE html> 
<html> 
<body>
<p>Text simplu</p>
<b>Text ingrosat</b><br>
<em>Text accentuat</em><br>
<i>Text italic</i><br>
<small>Text mic</small><br> 
<strong>Text evidentiat</strong><br> 
<sub>Indice</sub><br> 
<sup>Exponent</sup><br>
<ins>Text subliniat</ins><br>
<del>Text taiat</del>
</body>
</html>

Totul ar trebui să fie clar:

Observă!
Eticheta <br> are rolul de a „rupe” linia de text, adică de a o termina și a începe o altă linie de text. (break line, de unde și provine)

Titlul paginii web. Eticheta <head>.

Eticheta <head> (din engleză: cap) conține informații care nu sunt afișate în pagina web. Aici se pot include diferite script-uri JavaScript, fișiere de stilizare CSS și alte informații cruciale funcționării corecte a paginii web, despre care vom vorbi mai târziu.

Eticheta <head> se află între etichetele <html> și <body>:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>Text simplu</p>
<b>Text ingrosat</b><br>
<em>Text accentuat</em><br>
<i>Text italic</i><br>
<small>Text mic</small><br> 
<strong>Text evidentiat</strong><br> 
<sub>Indice</sub><br> 
<sup>Exponent</sup><br>
<ins>Text subliniat</ins><br>
<del>Text taiat</del>
</body>
</html>

În această lecție vă voi arăta cum să includem titlul paginii web în eticheta <head>.

Titlul paginii își are propria etichetă: <title>, și arată cam așa:

Ai întâmpinat probleme ? Nu ezita să ne spui despre acestea, lăsând un comentariu mai jos!