Programare WEB - Definitivarea elementelor legate de HTML standard...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 acronimeleSintaxa 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 continuub.      slide – textul are efect de scroll doar pana atinge marginea spatiului sauc.       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 stangac.       up – efect de scroll de jos in susd.      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