Definitivarea elementelor legate de HTML standard

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="https://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