Paragrafe
Acum că structura de bază a documentului tău HTML este stabilită, poți să o combini cu conținutul!
Revino la documentul tău HTML, și mai adaugă o linie in conținut:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Pagină personală</title>
</head>
<body>
Aceasta este prima mea pagină web.
Minunat!
</body>
</html>
Salvează, și uita-te la document în browserul de internet!
Te așteptai ca documentul tău, așa cum l-ai scris, să conțină doua linii, iar defapt descoperi că el afișează textul așa:
Aceasta este prima mea pagină web. Minunat!
Asta pentru că browserul nu recunoaște liniile din text dacă nu sunt descrise de tag-uri, precum nici dacă folosești spatiul in scris (Aceasta este prima mea pagină web. Minunat!).
Dacă vrei ca textul tău sa apară pe două linii, trebuie să specifici asta în document!Schimbă liniile din conținut, astfel încât să arate așa:
<p>Aceasta este prima mea pagină web.</p>
<p>Minunat!</p>
Tag-ul <p> este pentru paragraf.Uită-te la browser acum, și vei observa că cele doua linii din document, vor fi afișate ca două linii!
Accentuare
Poți să accentuezi textul într-un paragraf, folosindu-te de tag-ul <em> și tag-ul <strong> .Acestea sunt două metode de a face un text să arate mai interesant, de obicei browserele afișează textul cu <em> ca fiint italic și textul cu <strong> ca fiind bold.
<p>Da, asta spun eu <em>despre textul scris</em> că este extraordinar <strong>de minunat.</strong></p>
Ruperea rândului
Tag-ul oferit pentru a îndeplini această dorință este <br /> și poate fi folosit așa :
Aceasta este prima mea pagină web.<br />
Minunat.
Această metodă este mai rar folosită pentru că dacă dorința ta este să desparți două aliniate cu funcții și caracteristici separate, atunci sigur ce vrei tu poate face tag-ul <p>.
Notă: poți reține faptul că acest tag nu are nevoie de a fi deschis sau închis, deoarece el indeplinește funcții separate, din acest motiv are între < și > caracterul / imediat după br.
Pagini relatate:
- Pagina următoare: Tag-ul <h>,<h1>,<h2> etc.
- Pagina precedentă: Titlul paginii
Bine aţi venit!