Sunteți pe pagina 1din 2

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 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

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