Structura de bază a unei pagini.
- O pagină începe cu tag-ul <HTML> şi se termină cu tag-ul </HTML>;
- O pagină conţine un antet (HEAD) şi corpul propriu-zis (BODY);
- Antetul este cuprins între etichetele <HEAD> şi </HEAD>;
- Corpul este cuprins între etichetele <BODY> şi </BODY>;
- Opţional, antetul poate conţine titlul paginii, cuprins între tag-urile <TITLE> şi </TITLE>. Titlul apare pe bara de titlu a ferestrei afişate în browser.
- Corpul poate conţine texte şi/sau imagini. În exemplu, pagina conţine textul " Acesta este primul exemplu de pagina..."
- Comentariile, care nu sunt afişate de către browser, pot fi scrise între tag-urile <!-- şi -->.
- Numele tag-urilor nu sunt case sensitive, deci pot fi scrise atât cu litere mici cât şi cu litere mari.
Paragrafe. Atribute ale unui tag.
Un paragraf se introduce între tag-urile <P> ... </P>.
Un atribut se specifică înainte de închiderea parantezei unghiulare a tag-ului (>) prin nume_atribut="valoare".
În cazul paragrafului, atributul align controlează alinierea textului din cadrul paragrafului.
Dacă acest atribut nu este prezent, alinierea este făcută în mod implicit la stânga. Acest atribut poate
lua una dintre valorile center, left, right, justify.
Exemplu:
<HTML>
<HEAD>
<TITLE>Alinierea paragrafelor</TITLE>
</HEAD>
<BODY>
<P align="center">Aliniat in centru</P>
<P align="right">Aliniat la dreapta</P>
<P align="left">Aliniat la stinga</P>
<P align="justify">Paragraful acesta este aliniat la ambele margini</P>
</BODY>
</HTML>
Liste.
Liste ordonate (Ordered Lists): sunt liste în care elementele sunt numerotate.
Inserarea lor în cadrul documentului HTML se face prin tag-urile <OL>...</OL>, elementeleb(itemii) lor fiind introduse între aceste două tag-uri prin <LI>...</LI>
Liste neordonate (Unordered Lists): sunt liste în care elementele nu sunt numerotate, ci în dreptul fiecăruia este afişat un marcator.
Inserarea lor în cadrul documentului HTML se face prin tag-urile <UL>...</UL>, elementele (itemii) lor fiind introduse între aceste două tag-uri prin <LI>...</LI>
Exemplu cod sursa pentru proiectul "Delte Dunarii":
<html>
<head>
<title> delta dunarii </title>
</head>
<body bgcolor="yellow">
<p align="center"><font color="red" size="7"> Delta Dunarii(referat)</font></p>
<p align="justify"><font color="green" size="4"> Delta Dunarii (3446 km²), aflata in
mare parte in Dobrogea, Romania si partial in Ucraina[1], este a doua ca marime si
cea mai bine conservata dintre deltele europene.</font></p>
<img src="harta.jpg" border="6" align="top">
<font size="5" >
<ol>Bratele sunt:
<li>Sulina</li>
<li>sf. Gheorghe</li>
<li>Chilia</li>
</ol>
<ul>Fauna si flora
<li>pelicani</li>
<li>nuferi</li>
<li>papura</li>
</font>
</ul>
</body>
</html>