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 [Link]. Aceasta pagina este setata a fi afisata
automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului [Link] este afisata [Link]/[Link].
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 Detalii
atribut
<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 Imaginea de fond
imaginii
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 stanga a paginii
pixeli
topmargin procent din Distanta dintre marginea de sus a
inaltimea ferestrei browserului si marginea de
paginii sus
numar de a paginii
pixeli
text cod culoare Culoarea textului
nume culoare
alink cod culoare Culoarea legaturilor active (atunci
nume culoare cand
mouse-ul se afla deasupra lor)
link cod culoare Culoarea legaturilor nevizitate (nu s-a
nume culoare
efectuat nici un click pe ele)
vlink cod culoare Culoarea legaturilor vizitate
nume culoare (s-a efectuat cel putin un click pe ele)
<BR> Sfarsitul randului
<CENTER> Afisarea in centrul paginii
<FONT> Fontul textului
color cod culoare Culoarea fontului
nume culoare
face nume font Tipul fontului
size un numar Marimea fontului
de la 1 la 7
<FRAME> Cadru (fereastra)
frameborder 1 sau 0 Cadrul are sau nu are chenar
marginheight numar de Spatiu deasupra si sub un cadru
pixeli
marginwidth numar de Spatiu la stanga si la dreapta unui
pixeli cadru
src URL Sursa cadrului
<FRAMESET> Multime de ferestre
cols procent din numarul si marimea relativa a
latimea paginii coloanelor
numar de
pixeli
rows procent din numarul si marimea relativa a
inaltimea randurilor