Sunteți pe pagina 1din 9

Curs – Programare WEB

Curs – 5

Definitivarea elementelor legate de HTML standard

Tag-ul <META>

Serverele web transmit propriul lor antet impreuna cu documentele HTML pentru a
ajuta clientii sa interpreteze documentul .
Tag-ul <META> este folosit pentru a oferi mai multe informatii despre cum trebuie
manevrat documentul si deseori este folosit cu un continut adaugat – furnizat de
aplicatii ca Microsoft FrontPage sau Macromedia Dreamweaver . Mai este folosit si
pentru a da informatii suplimentare despre document , cu ajutorul carora motoarele de
cautare pot clasifica si identifica documentul fara a-l incarca in intregime .
Sintaxa tag-ului este :

<meta [http-equiv] [name] [content] [scheme] [international]>

Atributele http-equiv si name servesc aceluias scop de baza cu o singura diferenta .


Orice eticheta <meta> care foloseste http-equiv este adaugata antetului de raspuns
furnizat browser-ului . Daca tag-ul foloseste atributul name informatia este disponibila
pentru referiri in antetul documentului dar nu este inclusa in antetul de raspuns
generat de server .

Atributul http-equiv are unele valori care apar cel mai des :

- refresh – implementeaza un proces numit client-pull , in care browser-ul este


directionat sa reincarce documentul dupa numarul de secunde specificat in
„content” . Este folosit cand documentul este actualizat periodic . „contetn”
poate lua si forma „N;URL=url – cu N fiind numarul de secunde de asteptare
iar url este noul URL ce trebuie incarcat .
- keywords – specifica o lista de cuvinte cheie separate prin spatii , care este
folosita de motoarele de cautare pentru a clasifica documentul in vederea unei
recuperari mai rapide . Multe motoare incarca doar antetul documentului , nu
si corpul sau , deci este importanta includerea cuvintelor cheie in tag-ul
<meta>
- reply-to – furnizeaza o adresa de email pentru ca utilizatorii sa poata raspunde
autorului paginii . Afisarea sa este automat declansata de server , care o
adauga ca pe o incluziune de partea serverului . Acest atribut este destul de rar
folosit.

Atributul name este folosit pentru a furniza alte informatii despre document care ar
putea fi folositoare dar nu trebuie neaparat incluse in antet , ca in exemplele :

<meta name=author content=”popescu ion”>


<meta name=description content="home page”>
<meta name=copyright content=”2002 , RAU”>
Atributul scheme este destul de rar folosit , pentru identificarea metodei care ar trebui
utilizate la evaluarea atributului content .

Exemplul de mai jos :

<meta http-equiv=refresh content=4>

duce la reincarcarea unei pagini din patru in patru secunde .


Exemplul urmator :

<meta http-equiv=refresh content=”4;URL=”http://www.site.com/b.html”>

incarca dupa 4 secunde o alta pagina numita „b.html” .

ELEMENTE DE FORMATARE A BLOCURILOR

Tag-ul <DIV>

Elementul <div> este folosit pentru a structura un document HTML intr-o serie de
diviziuni . Sintaxa sa este :

<div [atribute]>...</div>

In acest containerul ancestui tag poat apare orice alte elemente HTML.
Eticheta <div> este un element de bloc care se comporta asemanator cu eticheta <p> .
Daca eticheta <p> este folosita fara complementar de inchidere atunci aparitia unui
tag <div> duce automat la inchiderea tag-ului <p> .

Atributele cele mai uzuale acceptate de <div> sunt :

- align
- id
- style
- title

Tag-ul <SPAN>

Eticheta <span> este asemanatoare cu <div> , cu exceptia faptului ca este mai mult
folosita pentru a marca continutul inline decat pentru a crea un bloc nou .
Sintaxa tag-ului este :

<SPAN [atribute]>Intervalul definit pentru text</SPAN>


Tag-ul <ADDRESS>

Acest tag asigura un format special pentru autor sau pentru informatiile de contact sau
permite extragerea automata a unei adrese .

Sintaxa sa este :

<address [atribute]>...>address>

Atributele uzuale acceptate sunt :

- class
- id
- style
- title

Tag-urile <FIELDSET> si <LEGEND>

Aceste doua elemente sunt introduse in HTML 4.0 . Seturile de campuri creaza casete
in jurul controalelor grupate , iar legendele sunt etichete care se refera la totalitatea
setului de campuri . Amandoua elementele necesita etichete de inceput si de sfarsit .
Folosirea seturilor de campuri este ilustrata in codul de mai jos :

<filedset>
<legend align=center>Prima legenda</legend>
Bifati aici<input type=checkbox name=nr1 accesskey=”1”>
sau aici <input type=checkbox name=nr2 accesskey=”2”>
</fieldset>
<fieldset>
<legend align=right>A doua legenda</legend>
Numele <input type=text name=nume>
Varsta <input type=text name=varsta>
</fieldset>

Atributul „accesskey” poate primi diferite valori care vor fi folosite apoi pentru
accesarea elementului de formular din care fac parte . In exemplul nostru atributul
accesskey=”1” face ca apasarea combinatiei de taste ALT+1 sa execute un salt al
cursorului la elementul respectiv ( echivalent cu un click de mouse pe acea locatie ) .

ELEMENTE DE FORMATARE A TEXTULUI

Tag-ul <ACRONYM>
Acest tag este folosit pentru a defini acronimele
Sintaxa sa este :

<acronym [atribute]>text</acronym>

Atributele uzuale ale tag-ului sunt :

- class
- id
- style
- title

Atributul title este cel mai des folosit , sub forma exemplului de mai jos :

<acronym title=Federal Bureau of Invcestigation>FBI</acronym>

codul sursa de mai sus are ca efect afisarea valorii atributului title atunci cand cursorul
se opreste deasupra textului inclus intre tag-urile <acronym> si </acronym>

Tag-ul <CITE>

Acest tag are ca efect modificarea aparitiei unui text , in genul inserarii unor citate in
cazul unei carti de istorie , de ezemplu .
Exemplul de mai jos :

<p>
Mai animalule <cite>(Ion Iliescu, campanie electorala)</cite>

are ca efect scrierea textului „Ion Iliescu , campanie electorala” cu litere cursive ,
pentru a scoate in evidenta ca textul anterior este un citat dintr-o anumita situatie .

Tag-ul <DFN>

Este un tag utilizat pentru a scoate in evidenta o definitie a unui termen .


Exemplul de mai jos :

<dfn>Paznic : un angajat care controleaza accesul persoanelor intr-o incinta sau zona
</dfn>

Are ca efect scrierea intregului text dintre tag-urile aferente cu caractere cursive
pentru a-l scoate in evidenta in cadrul textului care eventual ar putea exista in jurul
acestei definitii

Tag-ul <TT>
Este folosit pentru a scrie textul in mod teletype ( monospatiat ) – fiecare caracter
ocupand un spatiu egal in cadrul ferestrei browser-ului .
De obicei aceasta formatare a textului se considera ca duce la folosirea unor caractere
tip „masina de scris”.

Sintaxa de folosire este :

<TT>text monospatiat</TT>

Tag-ul <CODE>

Acest tag identifica o sectiune de cod sursa pentru a fi scoasa in evidenta .


Exemplul de mai jos :

<p>
Trebuie sa salvati fisierele in directorul
<code> c:\web-design </code>

duce la scrierea cu caractere monospatiate a textului „c:\web-design” .

Tag-ul <KBD>

Folosirea acestui tag duce la modificarea caracteristicilor de afisare ale unui text
pentru a scoate in evidenta faptul ca utilizatorul ar trebui sa introduca acest text de la
tastatura .

<P>Introduceti de la tastatura <kbd> 123456 </kbd> pentru acces

Codul sursa de mai sus duce la modificarea aparitiei sirului „123456” pentru a atrage
atentia asupra acestuia ; in mod standard textul „123456” ar trebui afisat cu caractere
bold manospatiate .

Tag-ul <BDO>

Aceasta comanda este folosita pentru a modifica selectiv directia prestabilita a textului
din pagina web .
Sintaxa sa este :

<BDO [atribute]>text</BDO>

Atributele uzuale ale tag-ului sunt :


- lang
- dir

Atributul dir este obligatoriu si necesar in cazul unor limbi precum araba sau ebraica
in care directia de scriere este de la dreapta spre stanga .
Aceasta eticheta poate fi de asemenea folosita pentru a include cuvinte individuale in
orice limba , cu o ordine de scriere diferita , pentru a crea un efect special .

Exemplul de mai jos :

<bdo dir=rtl lang=eng>rorrim a ni gnikool ton er'uoy siht daer nac uoy fi</bdo>

are ca rezultat afisarea pe ecran a textului :

if you can read this you’re not looking in a mirro

Tag-urile <INS> si <DEL>

Aceste tag-uri introduc posibilitatea de a marca documentele pentru a arata


schimbarile care s-au aplicat asupra lor . Aceasta caracteristica a fost conceputa pentru
situatiile in care mai multi oameni lucreaza asupra aceluiasi document . Cand cineva
introduce un nou text trebuie sa-l introduca intr-un container IINS> iar continutul ce
trebuie sters va fi pus intre etichetele <DEL> .
Aceste elemente au un statut destul de ciudat in HTML , ele nefiind nici de nivel bloc
nici de elemente inline . Ele pot sa contina unul sau mai multe cuvinte dintr-un
paragraf sau sa fie aplicate asupra unuia sau mai multor elemente de nivel bloc , ca de
exemplu liste sau tabele .

Sintaxa pentru tag-ul <INS> este :

<ins [cite=URL] [datetime=data]>text</ins>

Adresa URL indica un document sursa care arata de ce a fost schimbat materialul iar
data indica data si ora la care au fost facute schimbarile . Sintaxa este identica si
pentru eticheta <DEL> .

Exemplul de mai jos :

<del>Text marcat pentru stergere</del>

are ca efect aparitia pe ecran a textului :

Text marcat pentru stergere

Utilizarea tag-ului <INS> face ca textul la care acesta se refera sa apara sub forma
subliniata ( underlined ) .
GRUPAREA LOGICA IN CADRUL TABELELOR

GRUPURI DE LINII

Tag-urile folosite pentru a delimita anumite zone de tabel sunt <THEAD> ,


<TBODY> si <TFOOT> .

Exemplul de mai jos creaza un tabel in care primele doua linii tin de sectiunea ehad ,
urmatoarele doua de body si ultima de footer :

<TABLE rules=groups>
<THEAD>
<TR>
<TD>1 </TD>
<TD>2 </TD>
</TR>
<TBODY>
<TR>
<TD>3 </TD>
<TD>5 </TD>
</TR>
<TR>
<TD>5 </TD>
<TD>6 </TD>
</TR>
<TFOOT>
<TR>
<TD>7 </TD>
<TD>8 </TD>
<TR>
</TABLE>

Atributul "rules" poate lua urmatoarele valori :

- rows – vor fi trasate doar chenarele care delimiteaza liniile


- cols - vor fi trasate doar chenarele care delimiteaza coloanele
- groups – vor fi trasate doar chenare intre cele trei grupari logice ale tabelului
- all – afiseaza toate chenarele

Un alt atribut folositor al tag-ului <table> este si "frame" , care poate lua urmatoarele
valori :

- void – dispare complet chenarul tabelului


- above – nu afiseaza chenarul lateral stanga , dreapta si jos al tabelului
- below - nu afiseaza chenarul lateral stanga , dreapta si sus al tabelului
- hsides – nu afiseaza chenarul lateral stanga si dreapta
- vsides – nu afiseaza chenarul in partea de sus si sub tabel
- lhs – afiseaza doar chenarul din stanga
- rhs – afiseaza doar chenarul din dreapta

Etichetele de grupare logica pe linii pot primi mai multe atribute :

- align
- valign – aliniaza pe verticala continutul celulelor

GRUPURI DE COLOANE

Tag-ul <COLGROUP>

Aceasta eticheta permite gruparea mai multor coloane pentru a forma un grup cu
anumite caracteristici comune .
Sintaxa tag-ului este :

<colgroup [atribute]>

Eticheta poate primi mai multe atribute :

- span – reprezinta numarul de coloane din grup


- width – reprezinta latimea coloanelor ( si poate fi atribuita in cele trei moduri
intalnite anterior )
- align – aliniaza pe orizontala continutul celulei
- valign- aliniaza pe verticala continutul celulei
- cellpadding – defineste spatierea in celule

Cu o sintaxa asemanatoare si tot cu scopul de a grupa coloanele pe grupuri de coloane


se poate folosi si eticheta <COL> .

EFECTE DE TEXT

Pentru a implementa un tip rudimentar de efect animat HTML recunoaste tag-ul


<MARQUEE> , introdus de Microsoft

Eticheta accepta mai multe atribute :

- width
- height
- behavior – care poate lua trei valori :
a. scroll – textul are un efect de croll continuu
b. slide – textul are efect de scroll doar pana atinge marginea spatiului
sau
c. alternate – textul are un efect de scroll care isi schimba directia la
fiecare atingere a marginii spatiului sau
- direction – care poate lua doua valori :
a. left – efect de scroll de la stanga spre dreapta ( valoarea default )
b. right – efect de scroll de la dreapta spre stanga
c. up – efect de scroll de jos in sus
d. down – efect de scroll de sus in jos
- scrollamount – seteaza numarul de pixeli pana la urmatoarea redesenare a
textului
- scrolldelay – seteaza timpul ( in milisecunde ) intre redesenarile textului
- loop – defineste numarul de aparitii al textului pe ecran ; folosirea valorii -1
sau INFINITE duce la obtinerea unei repetarii continue a afisarii
- bgcolor – defineste culoarea fondului pe care va fi scris textul defilant
- align – specifica alinierea textului din jurul celui defilant ( cu valorile top ,
bottom , middle )
- vspace – defineste distanta pe verticala fata de restul paginii
- hspace – defineste distanta pe orizontala fata de restul paginii
- title – defineste un text care va fi afisat atunci cand cursorul va fi pozitionat
peste textul defilant

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