Creeaza.com - informatii profesionale despre
TehnologieAfaceriScoalaDidacticaLegislatieFamilie


Evidentiem nevoile sociale din educatie - Referate profesionale unice
Acasa » scoala » informatica » html
Limbajul HTML (TAG-ul)

Limbajul HTML (TAG-ul)


Limbajul HTML

Limbajul HTML (Hyper Text Markup Language) se foloseste pentru crearea de documente hipertext pentru paginile Web - nu este un limbaj de programare; este un limbaj de descriere, ce contine elemente care permit construirea paginilor WEB.

Hipertext - o noua metoda de prezentare a informatiei, unde anumite cuvinte ale unui text pot fi apelate in orice moment pentru a furniza alte informatii.

Principalele caracteristici ale acestui limbaj sunt :



descrierea structurii documentului fara a descrie aranjarea in pagina ;

permite fiecarui navigator sa aiba propria prezentare ;

un document realizat poate fi reutilizat ;

documentele HTML se pot realiza cu ajutorului unui :

q      editor de texte ;

q      procesor de texte ;

q      editor HTML;

q      convertor HTML.

OBSERVATIE : Documentele HTML sunt exclusiv de tip text.

Limbajul HTML include o diversitate de marcatori (tag-uri sau etichete) sub forma :

<Nume_Tag>...</Nume_Tag>

TAG-ul este un identificator care furnizeaza browser-ului instructiuni de formatare a documentului.

Tag-urile pot fi :

singulare - cand se gaseste numai la incepu (< >)

pereche - reprezentat prin tag de inceput (< >) si tag de sfarsit (</ >)

OBSERVATIE : Unele TAG-uri contin anumiti parametrii (atribute) care pot lua

diverse valori.

EXEMPLU : <OL TYPE=1>

o       TAG-ul de baza este OL - lista ordonata ;

o       TYPE reprezinta atributul ;

o       1 reprezinta valoarea atributului TYPE.

De retinut ca, efectul corespunzator etichetei - TAG-ului - este aplicat textului dintre eticheta de inceput < > si cea de sfarsit </ >.

Structura unui document HTML este urmatoarea :



ANTETUL documentului se regaseste reprezentat intre TAG-urile :

<HEAD> .... </HEAD>

Ø      contine informatii generale referitoare la document, cum ar fi titlul documentului (va fi afisat in bara de titlu a ferestrei), autorul acestuia etc.

Putem folosi, asadar TAG-urile :

<TITLE> .. </TITLE> pentru a specifica titlul documentului;

<META> pentru a specifica in antet si alte informatii suplimentare (autor, data crearii etc.)

CORPUL documentului se gaseste reprezentat intre TAG-urile :

<BODY> .... </BODY>

Ø      contine esenta documentului HTML.

OBSERVATIE : Pentru a putea personaliza continutul corpului de document vom folosi niste parametrii - ATRIBUTE - care pot lua diverse valori numerice sau alfabetice.

Atribute :

BACKGROUND=URL - sir de caractere care indica adresa WEB a unei imagini ;

BGCOLOR=culoare - stabileste culoarea de fundal;

TEXT=culoare - stabileste culoarea textului;

LINK=culoare - stabileste culoarea pentru link-urile nevizitate;

VLINK=culoare - stabileste culoarea pentru link-urile vizitate;

ALINK=culoare - stabileste culoarea pentru link-ul activ;

LANG=cod_limba - stabileste limba de redactat (exe. en - engleza).

OBSERVATIE : Putem introduce in corpul unui document HTML si comentarii,

folosind TAG-ul <! . ->. Acest TAG se poate insera oriunde in document iar comentariul nu va fi afisat!

Formatarea textului

Se poate face : la nivel de bloc si la nivel de caracter.

Se pot folosi urmatoarele TAG-uri :

<DIV> . </DIV>   - pentru gruparea mai multor elemente HTML la nivel de bloc ;

<SPAN> . </SPAN> - pentru gruparea mai multor elemente dintr-un bloc la nivel de caracter.

Formatarea paragrafelor

Delimitarea paragrafelor se face folosind perechea de TAG-uri :

<P> . </P>

OBSERVATIE : TAG-ul de sfarsit </P> nu este obligatoriu sa fie inserat; deci, daca dorim sa incepem un paragraf, vom insera TAG-ul <P>, dupa care vom edita continutul acestuia.

Atribute :

ALIGN=LEFT / CENTER / RIGHT / JUSTIFY - realizeaza alinierea paragrafului, iar ca valoare putem avea left/center/right/justify;

OBSERVATIE : Daca dorim sa executam o aliniere tip pentru mai multe paragrafe,

trebuie sa le grupam intr-un singur bloc folosind perechea de TAG-uri <DIV> . </DIV>

EXEMPLU : <DIV ALIGN=RIGHT>

<P> ...

<DIV>

TITLE

LANG

DIR

Pentru a obtine o linie vida vom folosi TAG-ul : <BR>

Utilizarea paragrafelor de titlu

Se foloseste perechea de TAG-uri :

<Hi> .... </Hi>

i = 1,2,3,4,5,6 - valori pentru definirea nivelului paragrafului titlu in structura

documentului. Valoarea 1 este corespunzatoare unui nivel mare, valoarea 6 este corespunzatoare unui nivel mic.

Atribute :

LANG

DIR

TITLE

ALIGN

Formatarea la nivel de caracter

Se foloseste perechea de TAG-uri :

<FONT> .... </FONT>

Atribute :

SIZE=valoare - stabileste valoarea fontului, mai exact 1,2,3,4,5,6,7,+n,-n ;

OBSERVATIE : Valoarea implicita, care se obtine in cazul in care nu specifica o valoare anume, este 3.

OBSERVATIE : Pentru a stabili dimensiunea implicita a fontului vom folosi TAG-ul <BASEFONT> impreuna cu un atribut.

EXEMPLU : <BASEFONT SIZE=5>

COLOR=culoare - stabileste culoarea textului;

FACE=lista_fonturi - stabileste lista de fonturi separate prin virgula

Aplicarea unor efecte asupra textului

Pentru a aplica unei zone de text un anumit efect, se incadreaza textul intre TAG-ul de inceput si cel de sfarsit, corespunzatoare efectului respectiv. Astfel, avem :

<I> ... </I> - stabileste stilul italic (inclinat) ;

<B> ... </B> - stabileste stilul bold (ingrosat);

<U> ... </U> - stabileste stilul underline (subliniat);

<BIG> ... </BIG> - stabileste o dimensiune mare a textului ;

<SMALL> ... </SMALL> - stabileste o dimensiune mica a textului ;

<STRIKE> ... </STRIKE> - traseaza o linie peste text ;

Efecte logice :

<CODE> ... </CODE> - reprezinta un fragment din codul sursa al unui program ;

<EM> ... </EM> - scoate in evidenta, accentueaza textul ;

<STRONG> ... </STRONG> - evidentiaza intr-un mod puternic ;

<CITE> ... </CITE> - se face referire la o carte, revista, articol.

Utilizarea citatelor in document

Se face folosind urmatoarele perechi de TAG-uri :

<BLOCKQUOTE> ... </BLOCKQUOTE> - pentru citate lungi (formate la nivel de bloc) ;

<Q> .... </Q> - pentru citate scurte (care contin mai multe paragrafe).

Utilizarea indicilor si a exponentilor

Se folosesc, dupa caz, urmatoarele perechi de TAG-uri :

<SUB> .. </SUB> - pentru a evidentia un SUBSCRIPT (indice) ;

<SUP> . </SUP> - pentru a evidentia un SUPERSCRIPT (exponent).

LISTELE

Listele pot fi, la randul lor, de trei tipuri : liste ordonate, liste neordonate si liste de definitii.

Listele ordonate au forma generala a tag-ului :


o       Atributul TYPE defineste modul de numerotare a elementelor listei in care « t » poate lua urmatoarele valori : 1 - pentru cifre ; A - pentru caractere alfabetice majuscule ; a - caractere alfabetice minuscule ; I - pentru numerotare cu cifre romane mari ; i - numerotare cu cifre romane mici.

o       Atributul START defineste prin valoarea « s » valoarea de inceput.

Listele neordonate au forma generala a tag-ului :


o       Atributul TYPE defineste semnul care va precede elementele listei si poate lua urmatoarele valori : SQUARE - patrat; CIRCLE - cerc vid; DISC - cerc plin.

Listele cu definitii au forma generala a tag-ului :





Politica de confidentialitate

creeaza logo.com Copyright © 2024 - Toate drepturile rezervate.
Toate documentele au caracter informativ cu scop educational.