3. 1.2. Documente HTML Documentele Web se creează folosind limbajul HTML (Hiper Text Mark-up Language). Documentele sunt descrise în mod text şi limbajul permite descrierea modului de afişare a elementelor din text (liste, tabele, imagini, paragrafe etc.) şi a legăturilor cu alte documente. Întregul document este un text ASCII care conţine şi coduri de control numite marcaje sau tag-uri.
Prezentăm sub formă tabelară principalele TAG-uri utilizate în documentele HTML:
Tip
Tag-uri
Semnificaţie
Comentariu
Inserează un comentariu în document
Tag-uri
de
structură
…
Marchează începutul şi sfârşitul unui document HTML. Pateu include şi
…
Include header-ul documentului HTML.
Poate include: , , , , , .
Este permis în: .
… BODY>
Include corpul documentului format din text şi tag-uri.
Atribute:
BACKGROUND=”…” , valoarea atributului este numele, sau URL-ul unei imagini utilizate ca fundal;
Indică o legătură între documentul curent şi un alt document. Generatoarele de cod HTML utilizează frecvent acest tag şi el declară faptul că un alt document este legat la cel curent, ca un întreg, spre deosebire de care poate crea legături multiple la acelaşi document.
NAME=”…” ,pentru documentul considerat o ancoră se dă numele ecelui document;
REL=”…” , relaţia dintre documentul ţintă şi documentul curent;
REV=”…” , o relaţie inversă între documentul curent şi cel ţintă;
URN=”…” , identificatorul unic definit de URL-ul din HREF;
TITLE=”…” , titlul doc. ţintă;
METHODS=”…” , metoda prin care va fi adus documentul, de exemplu: Gopher sau FTP.
Este permis în: .
Specifică metainformaţia (inf. suplimentară) despre documentul curent, cum sunt: cuvintele cheie pentru căutători, header-e speciale HTTP care pot fi utilizate pentru aducerea acestui document, data expirării documentului ş.a. De obicei metainformaţia este dată sub formă duală: element cheie/valoare.
Atribute:
HTTP - EQUIV=”…” , crează un nou câmp în header-ul HTTP cu acelaşi nume ca şi valoarea atributului ;
NAME=”…” , dacă datele suplimentare sunt în forma element cheie/valoare, NAME furnizează cheia;
CONTENT=”…” , conţinutul perechii element cheie/valoare;
Este permis în: .
Titluri
…
…
…
…
…
…
Titlu de nivel 1.
Toate tag-urile de titlu au următoarele:
Atribute:
ALIGN=CENTER, centrează titlul.
Pot include: , , , , , , , , , , , , .
Sunt permise în: ,
, , , , şi
.
Titlu de nivel 2.
Titlu de nivel 3.
Titlu de nivel 4.
Titlu de nivel 5.
Titlu de nivel 6.
Paragrafe
…
Marchează între ele paragrafele simple. Tag-ul de închidere ( ) este opţional.
Atribut:
ALIGN=CENTER, centrează paragraful.
Poate include tag-urile: , , , , , , , , , , , , .
Aceste tag-uri sunt utilizate pentru marcarea unor citate mai lungi.
Poate include: ,…, , , ,
, , ,
, , , , , ,şi
.
Este permis în: < BLOCKQUOTE>,, , , ,
şi
.
CENTER>…
Conţinutul aflat între aceste tag-uri este centrat.
Poate include: ,, , , , , , , , , , şi .
Este permis în: ,, , , ,
, şi
.
ADDRESS>…
Utilizat pentru marcarea textului care reprezintă semnături sau informaţii generale despre un document.
Poate include: ,, , , , , , , , , , şi .
Este permis în: , şi .
Determină clipirea textului inclus.
Dimensiune
font
…
Schimbă dimensiunea fontului pentru textul inclus după valorile atributelor.
Atribute:
SIZE=”…” , dimensiunea fontului, care poate lua valori de la 1 la 7 (valoarea implicită este 3), putându-se specifica şi valori relative la fontul curent, de exemplu:+2.
ALT=”…” , cuprinde şirul de caractere care va fi afişat de navigatoarele care nu suportă imagini;
ALIGN=”…” , determină alinierea imaginii date. În cazul valorii LEFT sau RIGHT, imaginea este aliniată la stânga sau la dreapta coloanei şi textul care urmează curge alături, toate celelalte valori: TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE,BASELINE, sau ABSBOTTOM, determină alinierea verticală a imaginii la celelalte elemente de pe acelaşi rând.
VSPACE=”…” , setează spaţiul dintre imagine şi text, de deasupra şi dedesubt;
HSPACE=”…” , setează spaţiul dintre imagine şi text, din stânga şi din dreapta;
WIDTH=”…” , rezervă spaţiu în lăţime (exprimat în pixeli) în care va fi scalară imaginea;
HEIGHT=”…” , rezervă spaţiu în înălţime (exprimat în pixeli) în care va fi scalară imaginea;
BORDER=”…” , desenează în jurul imaginii un chenar a cărui lăţime este exprimată în pixeli;
Inserează în pagină un formular.
Atribute:
ACTION=”…” , indică URL-ul scriptului care procesează datele intrate în formular;
METHOD=”…” , specificătehnica utilizată de server pentru a trimite datele programului specificat în ACTION şi sunt posibile valorile GET şi POST;
ENCTYPE=”…” , pentru moment poate lua doar valoarea: application/x-www-form-urlencoded.
Poate include: ,…, , , ,
, , ,
, ,
, ,
, , , şi .
Este permis în: , , , ,
, şi .
Formulare
Inserează un câmp de intrare într-un formular.
Inserează un câmp text format din mai multe rânduri.
Creează un meniu sau o listă desfăşurată de elemente.