Sunteți pe pagina 1din 5

HTML - Notiuni de baza

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente
(etichete) si au extensia .html sau .htm
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu editoare cod sursaspecializate, de exemplu Crimson Editor, care va indica si numarul
liniilor, lucru util la depanarea codului HTMLPentru a crea un fisier html mai intai creati un fisier text, apoi ii redenumiti extensia din txt in html
Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput este < iar
pentru sfarsit este >.
In marea lor majoritate elementele sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste
etichete afisand rezultatul pe ecran. HTML nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).
Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata paginawww.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare"> ... </eticheta>

Componenta unui document HTML este:


1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>

Structura unei pagini web

<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>

Pentru a crea un site creati un folder ( de ex cu numele “ site “ ). In acest folder veti pune toate obiectele site-ului (paginile web componente, imaginile,
melodiile, etc. )
Lista celor mai utilizate tag-uri impreuna cu atributele lor
In tabelul urmator vor fi prezentate cele mai utilizate tag-uri impreuna cu cele mai importante atribute ale lor:
Nume tag Nume atribut Valoare atribut Detalii
<A> Ancora
href URL Adresa catre care vrem sa fie legatura
target _blank Fereastra in care se va face afisarea
_self
_parent
_top
<B> Text bold
<BODY> Cuprinsul documentului
background adresa imaginii Imaginea de fond
bgcolor cod culoare Culoarea fondului
nume culoare
leftmargin procent din Distanta dintre marginea din stanga a
latimea paginii ferestrei browserului si marginea din
numar de pixeli stanga a paginii
topmargin procent din Distanta dintre marginea de sus a
inaltimea paginii ferestrei browserului si marginea de sus
numar de pixeli a paginii
text cod culoare / nume culoare Culoarea textului
alink cod culoare / nume culoare Culoarea legaturilor active (atunci cand
mouse-ul se afla deasupra lor)
link cod culoare / nume culoare Culoarea legaturilor nevizitate (nu s-a
efectuat nici un click pe ele)
vlink cod culoare / nume culoare Culoarea legaturilor vizitate
(s-a efectuat cel putin un click pe ele)
<BR> Sfarsitul randului
<CENTER> Afisarea in centrul paginii
<FONT> Fontul textului
color cod culoare / nume culoare Culoarea fontului
face nume font Tipul fontului
size un numar de la 1 la 7 Marimea fontului
H1, H2, H3, Titluri in cadrul documentului
H4, H5, H6 H1 dimensiunea cea mai mare
align left Alinierea titlului
center
right
justify
<HEAD> Antetul documentului
<HR> Linie orizontala
align left Alinierea orizontala a liniei
center
right
color cod culoare Culoarea liniei
nume culoare
size numar de pixeli Inaltimea liniei
width procent din latimea paginii / Latimea liniei
numar de pixeli
<HTML> Document HTML
<I> Text italic
<IMG> Adaugarea unei imagini
align left Alinierea imaginii in pagina: left (stanga)
right sau right (dreapta)
top Alinierea elementelor din jurul imaginii:
middle top (sus), middle (mijloc), bottom (jos)
bottom
alt text Text ce va fi afisat in locul imaginii, in
cazul in care, aceasta nu este afisata
border numar de pixeli Marimea chenarului din jurul imaginii
height procent / numar de pixeli Inaltimea imaginii
hspace numar de pixeli Spatiu pe orizontala in jurul imaginii
src URL Adresa imaginii
vspace numar de pixeli Spatiu pe verticala in jurul imaginii
width procent / numar de pixeli Latimea imaginii
value date de tip caracter Valoare input
<LI> Element al unei liste
<OL> Lista ordonata
start numar Cu ce valoare incepe numerotarea
type A Tipul numerotarii: A, a, I, i, 1 (implicit)
a
I
i
1
<P> Paragraf
align left Alinierea paragrafului
center
right
justify
<STRONG> Text evidentiat
<SUB> Text indice
<SUP> Text exponent
<TABLE> Tabel
align left Alinierea tabelului
center
right
background URL / adresa imaginii Imaginea de fond pentru tabel

bgcolor cod culoare / nume culoare Culoarea fondului pentru tabel

border procent / numar de pixeli Chenarul tabelului

bordercolor cod culoare / nume culoare Culoarea chenarului


cellpadding numar de pixeli Spatiu intre continutul celulelor tabelului si
marginile lor
cellspacing numar de pixeli Spatiu intre celulele tabelului
cols numar Numarul de coloane ale unui tabel
hspace numar de pixeli Spatiu pe orizontala in jurul tabelului
vspace numar de pixeli Spatiu pe verticala in jurul tabelului
width procent / numar de pixeli Latimea tabelului
<TD> Celula de tabel
align left Alinierea continutului celulei pe orizontala
center
right
background URL Imaginea de fond pentru celula
bgcolor cod culoare / nume culoare Culoarea fondului pentru celula
colspan numar Numarul de coloane pe care se intinde
celula
height numar de pixeli Inaltimea celulei
rowspan numar Numarul de linii pe care se intinde celula
valign top Alinierea continutului celulei pe verticala
middle
bottom
width numar de pixeli Latimea celulei
<TITLE> Titlul document
<TR> Rand tabel
align left Alinierea continutului celulelor
center pe orizontala
right
bgcolor cod culoare / nume culoare Culoarea fondului pentru tot randul
valign top Alinierea continutului celulelor pe verticala
middle
bottom
<U> Text subliniat
<UL> Lista neordonata
type circle Forma marcajului
disc
square

S-ar putea să vă placă și