03-25-2013, 04:05 PM
Stiluri
Pentru a stiliza elementele de HTML (culori, marimi, spatieri) se foloseste CSS (Cascading Style Sheet). Acesta a fost introdus incepand cu HTML 4 si poate fi aplicat elementelor de HTML in 3 feluri:
in fisiere CSS
in interiorul elementului din sectiune head
folosind atributul de HTML style (inline)
Se recomanda folosirea fisierelor CSS. Pentru a simplifica, vom exemplifica folosind metoda inline:
Cod:
Acesta este un paragraf
Acesta este alt paragraf
Introducerea stilurilor a inlocuit tag-uri precum , , , dar si atributele align, bgcolor si color. Acestea se pot inca folosi dar se recomanda evitarea acestui lucru deoarece nu vor mai fi suportate de viitoarele versiuni de HTML.
Linkuri
Linkurile sunt folosite pentru navigari catre alte pagini dar si pentru navigari in cadrul aceleiasi pagini (legatura de tip bookmark). Tag-ul HTML folosit este . si are sintaxa:
Cod:
Text
Atributul href se foloseste pentru a specifica adresa paginii de destinatie.
Un atribut intalnit frecvent este target. Setarea acestui la valoarea __blank realizeaza deschiderea paginii destinatie intr-o noua fereastra.
Cod:
Text
In interiorul tag-ului se poate introduce orice element. Frecvent, se doreste plasarea linkului pe o imagine, caz in care se procedeaza in felul urmator:
Cod:
De asemenea, se poate creea un link pentru email :
Cod:
Trimite email
Imagini
Imaginile se introduc prin tagul . Aceasta nu are tag de inchidere si are sintaxa:
Cod:
Suporta de asemenea atributele width si height. Este de preferat sa se seteze aceste dimensiuni, pentru ca browser-ul sa stie de la inceput cat spatiu sa aloce.
Cod:
Observatie! Utilizati cu atentie imaginile. Folosirea unui numar prea mare de imagini pe pagina, duce la cresterea timpului necesar incarcarii si scadere de performanta.L
Pentru a stiliza elementele de HTML (culori, marimi, spatieri) se foloseste CSS (Cascading Style Sheet). Acesta a fost introdus incepand cu HTML 4 si poate fi aplicat elementelor de HTML in 3 feluri:
in fisiere CSS
in interiorul elementului din sectiune head
folosind atributul de HTML style (inline)
Se recomanda folosirea fisierelor CSS. Pentru a simplifica, vom exemplifica folosind metoda inline:
Cod:
Acesta este un paragraf
Acesta este alt paragraf
Introducerea stilurilor a inlocuit tag-uri precum , , , dar si atributele align, bgcolor si color. Acestea se pot inca folosi dar se recomanda evitarea acestui lucru deoarece nu vor mai fi suportate de viitoarele versiuni de HTML.
Linkuri
Linkurile sunt folosite pentru navigari catre alte pagini dar si pentru navigari in cadrul aceleiasi pagini (legatura de tip bookmark). Tag-ul HTML folosit este . si are sintaxa:
Cod:
Text
Atributul href se foloseste pentru a specifica adresa paginii de destinatie.
Un atribut intalnit frecvent este target. Setarea acestui la valoarea __blank realizeaza deschiderea paginii destinatie intr-o noua fereastra.
Cod:
Text
In interiorul tag-ului se poate introduce orice element. Frecvent, se doreste plasarea linkului pe o imagine, caz in care se procedeaza in felul urmator:
Cod:
De asemenea, se poate creea un link pentru email :
Cod:
Trimite email
Imagini
Imaginile se introduc prin tagul . Aceasta nu are tag de inchidere si are sintaxa:
Cod:
Suporta de asemenea atributele width si height. Este de preferat sa se seteze aceste dimensiuni, pentru ca browser-ul sa stie de la inceput cat spatiu sa aloce.
Cod:
Observatie! Utilizati cu atentie imaginile. Folosirea unui numar prea mare de imagini pe pagina, duce la cresterea timpului necesar incarcarii si scadere de performanta.L
