HTML < div > tag
HTML < table > tag
Definire si utilizare
Tag-ul <table> defineste un table in HTML.
Un tabel HTML contine unul sau mai multe elemente tr, th, si td.
TR – defineste o linie in tabel
TH – header-ul tabelului
TD – o celula (casuta) in tabel
Un tabel HTML complex poate contine si alte elemente precum caption, col, colgroup, thead, tfoot, si tbody.
HTML < p > tag
Definire si utilizare tag p (paragraf)
Tag-ul <p> defineste un paragraf.
Acest tag creaza automat spatiu inainte si dupa folosirea sa. Spatiul va fi automat marcat de browser sau il puteti specifica in definirea stilului..
Browser-e suportate
Internet Explorer
Firefox
Opera
Google Chrome
Safari
Tag-ul p este suportat in majoritatea browserelor.
Diferente intre HTML si XHTML
Nu exista diferente.
Atribute optionale
DTD Document Type Definition) indica in ce tip de document atributul este permis. S=Strict, T=Transitional, and F=Frameset.
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
align | left
right center justify |
Depreciat. Utilizati stiluri.
Specifica alinierea textului in paragraf. |
TF |
Atribute standard
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
class | numeclasa | Specifica clasa elementului. | STF |
dir | rtl
ltr |
Specifica directia textului in context. | STF |
id | id | Specifica identificatorul unic al elementului. | STF |
lang | cod_limba | Specifica codul limbii. | STF |
style | definire_stil | Specifica stilul elementului | STF |
title | text | Specifica extrainformatii pentru element | STF |
xml:lang | cod_limbaj | Specifica limbajul pentru continutul elementului | STF |
Event Attributes
Tag-ul p suporta urmatoarele atribute
Attribute | Value | Description | DTD |
---|---|---|---|
onclick | script | Script care se executa la click mouse | STF |
ondblclick | script | Script care se executa la dublu click mouse | STF |
onmousedown | script | Script care se executa cand butonul de la mouse este apasat | STF |
onmousemove | script | Script care se executa cand mouse-ul este miscat | STF |
onmouseout | script | Script ce se executa cand cursorul mouse-ului este mutat in afara elementului. | STF |
onmouseover | script | Script ce se executa cand cursorul mouse-ului este mutat peste element | STF |
onmouseup | script | Script ce se executa cand butonul mouse-ului este eliberat | STF |
onkeydown | script | Script care se executa la apasarea unei taste | STF |
onkeypress | script | Script care se executa la apasarea si eliberarea unei taste | STF |
onkeyup | script | Script ce se executa la eliberarea unei taste | STF |
HTML < font > TAG
Definire si utilizare
Tag-ul <font> specifica tipul fontului, marimea si culoarea acestuia.
Browser-e suportate
Internet Explorer
Firefox
Opera
Google Chrome
Safari
Tag-ul <font> este suportat in toate browser-ele importante.
Diferenta intre HTML si XHTML
Nu exista diferente.
Sfaturi si insemnari
Sfat: Utilizati CSS pentru a defini dimensiunea, culoarea si tipul fontului.
Atribute optionale
DTD (Document Type Definition) indica in ce tip de document atributul este permis. S=Strict, T=Transitional, and F=Frameset.
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
color | rgb(x,x,x)
#xxxxxx numeculoare |
Depreciat. Utilizati stiluri.
Specifica culoarea textului |
TF |
face | familie_font | Depreciat. Utilizati stiluri.
Specifica familia fontului |
TF |
size | numar | Depreciat. Utilizati stiluri.
Specifica dimensiunea fontului |
TF |
Atribute standard
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
class | numeclass | Specifica clasa elementului | TF |
dir | rtl
ltr |
Specifica directia textului | TF |
id | id | Specifica identificatorul unic al elementului | TF |
lang | cod_limba | Specifica codul de limba in cadrul elementului | TF |
style | definire_stil | Specifica stilul elementului | TF |
title | text | Specifica text suplimentar pentru element | TF |
Atribute pentru evenimente
Tag-ul <font> nu suporta atribute pentru evenimente.
HTML < img > Tag
Definire si utilizare
Tag-ul <img> poate introduce o imagine int-run fisier HTML.
Tag-ul <img> are un atribut obligatoriu si anume src.
Exemplu: <img src=”poza.jpg”>
Browser-e suportate
Internet Explorer
Firefox
Opera
Google Chrome
Safari
Tag-ul <img> este suportat in majoritatea browser-elor importante.
Diferente intre HTML si XHTML
In HTML <img> nu are sfarsit de tag </img>.
In XHTML <img> trebuie inchis corect.
Sfaturi si insemnari
Sfat: Atributul ALT va trebui folosit ca text alternativ pentru situatiile cand imaginea nu poate fi incarcata, nicidecum ca text pentru “mouse-over”.
Insemnare: Verificati de fiecare data prezenta imaginii incarcata. In cazul in care imaginea nu este incarcata in browser va apare o “imagine sparta” implicita.
Atribute
DTD (Document Type Definition) indica in ce tip de document atributul este permis. S=Strict, T=Transitional, and F=Frameset.
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
alt | text | Specifica text alternativ pentru imagine | STF |
src | URL | Specifica calea (URL) catre acea imagine | STF |
Atribute optionale
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
align | topbottommiddleleft
right |
Depreciat. A se folosi stiluri css.Specifica aliniamentul imaginii in functie de elementele inconjuratoare | TF |
border | pixeli | Depreciat. A se folosi stiluri css.Specifica dimensiunea in pixeli a chenarului din jurul imaginii. | TF |
height | pixeli% | Specifica inaltimea imaginii | STF |
hspace | pixeli | Depreciat. A se folosi stiluri css.Specifica spatiul liber din stanga si din dreapta imaginii. | TF |
ismap | ismap | Specifică o imagine ca un server-side image-map | STF |
longdesc | URL | Specifica calea (URL) catre descrierea mare a imaginii. | STF |
usemap | #numeharta | Specifica faptul ca imaginea are o harta asociata. | STF |
vspace | pixeli | Depreciat. A se folosi stiluri css.Specifica spatiul liber de sus si din josul imaginii. | TF |
width | pixeli% | Specifica latimea imaginii | STF |
Atribute standard
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
class | classname | Specifica clasa elementului. | STF |
dir | rtlltr | Specifica directia textului. | STF |
id | id | Specifica identificatorul unic pentru element. | STF |
lang | cod_limba | Specifica codul de limba pentru element | STF |
style | definire_stil | Specificare de stiluri | STF |
title | text | Specifica informatii auxiliare pentru imagine | STF |
xml:lang | cod_limba | Specifica codul de limba pentru continutul unui element, pentru XHTML | STF |
Atribute pentru evenimente
Atribut | Valoare | Descriere | DTD |
---|---|---|---|
onabort | script | Script care se executa cand imaginea nu a fost incarcata. | STF |
onclick | script | Script care se executa la click mouse | STF |
ondblclick | script | Script care se executa la dublu click mouse | STF |
onmousedown | script | Script care se executa cand se tine mouse-ul apasat | STF |
onmousemove | script | Script care se executa cand se misca mouse-ul | STF |
onmouseout | script | Script care se executa cand mouse-ul se muta din element | STF |
onmouseover | script | Script care se executa cand se muta cursorul mouse-ului peste element | STF |
onmouseup | script | Script care se executa cand butonul mouse-ului este eliberat | STF |
onkeydown | script | Script care se executa cand o tasta este apasata | STF |
onkeypress | script | Script care se executa cand o tasta este apasata si eliberata | STF |
onkeyup | script | Script care se executa cand o tasta este eliberata | STF |
Limbajul HTML – HyperText Markup Language
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau navigator).
HTML nu este limbaj de programare.
Fisierele HTML se folosesc atat pe Internet cat si pe calculatorul personal fara conexiune la Internet.
Scopul utilizarii unui fisier HTML este variat, in functie de nevoile fiecaruia. Utilizat pe calculatorul personal cu sau fara acces la Internet un fisier HTML poate fi recomandat pentru documentatii, prezentari diverse sau jocuri. Pe Internet, intr-un grup de 1 sau mai multe documente, pot crea un site.
Fisierele HTML stau la baza site-urilor actuale pe care le puteti gasi pe Internet.
Un fisier HTML (sau pagina) este format din etichete(tag-uri) si are de obicei extensiile .html sau .htm. In mare majoritate etichetele sunt in pereche, una pentru deschidere (<eticheta>), alta pentru inchidere (</eticheta>). Browserul interpreteaza etichetele si afiseaza rezultatul in pagina unui browser.
Intr-un fisier HTML putem introduce text, imagini, tabele, muzica, filme, diverse alte obiecte multumedia. Un document HTML suporta diverse tipuri de formatare informatie gen modificare dimensiune, culoare, forma pentru fonturi, centrare stanga, dreapta, centru pentru paragrafe de text, modificari de dimensiune pentru imagini etc.
In mod normal un fisier HTML are urmatoarea structura:
<html>
<head>
<title>Titlu</title>
alte declaratii
</head>
<body>
Continut pagina
</body>
</html>
Inainte de <html> mai poate apare tipul documentului, de exemplu
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” http://www.w3.org/TR/html4/strict.dtd“>
Mai multe detalii despre HTML si utilizarea tag-urile in sectiunea rezervata informarii IT.