Documente Academic
Documente Profesional
Documente Cultură
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>
<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