De bază....

Operații de editare a elementelor de bază din pagina web, folosind cod HTML

Marcajul pentru titlu – există 6 astfel de marcaje: <h1> </h1> <h2> </h2> … <h6> </h6> și se folosesc pentru a stabili titlurile dintr-un text.

Marcajul pentru paragraf – textul introdus poate fi împărțit în paragrafe cu marcajele: <p> </p>.

Atenție! Dacă într-un paragraf se dorește trecerea la un rând nou, atunci se folosește marcajul <br>.

Acest marcaj nu are pereche de închidere!

Marcajul pentru lista neordonată – o listă neordonată poate fi introdusă folosind marcajele: <ul>></ul>, iar elementele din listă pot fi introduse folosind marcajele: <li>></li>. Pentru elementele din listă poate fi folosit atributul type, care poate avea valorile: disc (disc), circle (cerc), square (pătrat).

Marcajul pentru lista ordonată – o listă ordonată poate fi introdusă folosind marcajele: <ol> </ol>, iar elementele din listă pot fi introduse folosind marcajele: <li> </li>. Pentru elementele din listă poate fi folosit atributul type, care poate avea valorile: A (litere mari), a (litere mici), I (cifre romane mari), i (cifre romane mici), 1 (opțiunea implicită).

Marcajul pentru imagine – o imagine poate fi introdusă în pagină folosind marcajul: <img>, care are următoarele atribute:

src = sursa, locul unde se află imaginea

width = lățimea în pixeli a imaginii

heigh = înălțimea în pixeli a imaginii

border = grosimea chenarului (0 = fără bordură)

align = alinierea imaginii, care poate fi:

left = stânga, right = dreapta, center = centru

alt = numele care înlocuiește imaginea până când aceasta se încarcă sau a fost găsită

Atenție! Este recomandabil, la inserarea unei imagini, să existe argumentele width și heigh, astfel, browserul va afișa corect imaginea. În cazul în care cele două argumente width și height sunt diferite de dimensiunile imaginii, browserul va redimensiona imaginea afișată.

Ai grijă! Pagina web și imaginea inserată să se afle în același director, altfel browserul va afișa mesajul conținut de atributul alt.

Câteva dintre formatele de imagini utilizate în paginile web sunt: .jpg, .jpeg, .gif, .bmp, .png.

Marcajul pentru lista de definiții

O listă de definiții poate fi introdusă folosind marcajele: <dl> </dl>, categoriile listei pot fi delimitate folosind marcajele: <dt> </dt>, iar elementele din fiecare grupă pot fi introduse folosind marcajele: <dd> </dd>.

Operații de formatare a elementelor de bază din pagina web, folosind cod HTML

Marcaje pentru text – Există foarte multe posibiltăți de formatare a textului. Poți consulta pagina Formatări HTML pentru text și pagina Culori HTML. Cele mai utilizate formatări pentru text: bold <b> </b>, cursiv <i> </i>, subliniat <u> </u>, mare <big> </big>, mic <small> </small>. Pentru formatarea fontului se folosesc marcajele <font> </font>, cu atributele size = mărimea fontului, face = tipul fontului și color = culoarea fontului.

Marcajul pentru legătură – o legătură poate fi introdusă folosind marcajele: <a> </a>. Legătura este foarte importantă, deoarece facilitează navigarea de la o pagină la alta. În general, o legătură = un link este subliniat, iar atunci când mouse-ul glisează deasupra lui își schimbă forma și culoarea.

Atributele unei legături sunt:

href = adresa fișierului destinație

target = în ce fereastră se va deschide fișierul destinație

title = descriere asociată legăturii, afișată în momentul

în care mouse-ul se află deasupra legăturii

Atributul target poate lua valorile:

blank = pagina va fi încărcată într-o nouă fereastră

parent = pagina va fi încărcată în fereastra părinte

top = pagina va fi încărcată în fereastra top a cadrului

self = pagina va fi încărcată în aceeași fereastră

Adresa fișierului destinație poate fi exprimată astfel:

1. nume fișier, dacă se află în același director cu pagina curentă: <a href=”fișier.html”>

2. folder/nume fișier, dacă se află în alt director <a href=”director/fișier.html”>

3. adresa URL completă <a href=”http://www.carte.ro/director/fișier.html”>

Marcajul pentru tabel – pentru inserarea unui tabel sunt folosite marcajele: <table> </table>. Introducerea unui rând din tabel se realizează cu marcajele: <tr> </tr>, iar pentru o celulă se folosesc marcajele: <td> </td>.

Atributele marcajului <table> sunt:

border = grosimea chenarului (0 = fără chenar)

width = lățimea tabelului

height = înălțimea tabelului

bgcolor = culoarea de fundal

background = imaginea de fundal

cellspacing = distanța între celule

cellpadding = distanța dintre marginea celulei și conținut

Atributele marcajului <td> sunt:

align = alinierea pe orizontală a conținutului, care

poate fi: left = stânga, right = dreapta, center = centru

valign = aliniere pe verticală a conținutului, care poate fi: top = sus, bottom = jos, middle = mijloc

width = lățimea celulei

height = înălțimea celulei

bgcolor = culoarea de fundal

background = imaginea de fundal

colspan = unește celula cu cea din dreapta ei

rowspan = unește celula cu cea de sub ea

Atenție! Primul rând din tabel poate fi evidențiat ca și cap de tabel dacă în locul marcajelor <td> </td> se folosesc marcajele <th> </th>.