Referat Html 1
Mai jos puteti citi fragmente din Referat Html 1 si de asemenea puteti face Download Referat Html 1Citeste fragmente din Referat Html 1
Tema: Notiuni introductive despre Sistemul de Operare LINUX Descrierea instructiunilor folosite in program (HTML) Despre Limbajul HTML. Ce este HTML? Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML ( Hypertext Markup Language ), care descrie formatul primar in care documentele sint distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma, structurarea formatarii si legaturile hipertext, fac din el un foarte bun format pentru documentele Internet si Web. Primele specificatiile de baza ale Web-ului au fost HTML, HTTP si URL. HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite si schimbe intre ei informatie utilizind Internetul. Erau prin urmare necesare citeva trasaturi : independenta de platforma, posibilitati hypertext si structurarea documentelor. Independenta de platforma inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu fonte, grafica si culori diferite ), lucru vital pentru o audienta atit de variata. Hipertext inseamna ca orice cuvint, fraza, imagine sau alt element al documentului vazut de un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult navigarea intre multiple documente sau chiar in interiorul unui aceluiasi document. Structurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul precum si interogarea unor baze de date formate din aceste documente. Documentele HTML sint documente in format ASCII si prin urmare pot fi create cu orice editor de texte. Au fost insa dezvoltate editoare specializate care permit editarea intr-un fel de WYSIWYG desi nu se poate vorbi de WYSIWYG atita vreme cit navigatoarele afiseaza acelasi document oarecum diferit, in functie de platforma pe care ruleaza. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate ( si formatate ) cu alte editoare. Evident conversiile nu pot patra decit partial formatarile anterioare deoarece limbajul HTML este inca incomplet Orice document HTML incepe cu notatia si se termina cu notatia . Aceste "chestii" se numesc in literatura de specialitate "TAG-uri".Prin conventie, toate informatiile HTML incep cu o paranteza unghiulara deschisa " < " si se termina cu o paranteza unghiulara inchisa " > ". Tag-urile intre aceste paranteze transmit comenzi catre browser pentru a afisa pagina intr-un anumit mod.Unele blocuri prezinta delimitator de sfarsit de bloc, in timp ce pentru alte blocuri acest delimitator este optional sau chiar interzis. Intre cele doua marcaje si vom introduce doua sectiuni: -sectiunea de antet ... si - corpul documentului .... Blocul ... cuprinde continutul propriu-zis al paginii HTML, adica ceea ce va fi afisat in ferastra browser-ului. O eticheta poate fi scris atat cu litere mici, cat si cu litere mari. Adica = = . Caracterele "spatiu" si "CR/LF" ce apar intre etichete sunt ignorate de catre browser. Deci un prim document HTML ar fi ceva de genul asta:( de la " line break " - intrerupere de linie ). Blocuri preformatate Pentru ca browser-ul sa interpreteze corect caracterele " spatiu ", " tab " si " CR/LF " ce apar in cadrul unui text, acest text trebuie inclus intr-un bloc
....
Prima linie
A doua linie
A treia linie
Culoarea de fond
O culoare poate fi precizata in doua moduri:
Printr-un nume de culoare.Sunt disponibile cel putin 16 nume de culori:
aqua, black, fuchsia, gray, green lime, maroon, navy, olive, purple,
red, silver, teal, white si yellow.
Prin constructia " #rrggbb " unde r (red), g (green), sau b (blue) sunt
cifre hexazecimale si pot lua valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a,
A, b, B, c, C, d, D, e, E, f, F; se pot defini astfel 65536 de culori.
Culoarea unei pagini se precizeaza prin intermediul unui atribut al
etichetei . Culoarea fondului paginii Web se stabileste cu
atributul bgcolor al etichetei , de exemplu: . Urmatorul exemplu realizeaza o pagina cu fondul de culoare
gri.
Stiluri pentru blocurile de text
Pentru ca un bloc de text sa apara in pagina evidentiat (cu caractere
aldine), trebuie inclus intre delimitatorii ... ( b vine de la
"bold" = indraznet ). Pentru ca un text sa fie scris cu carcatere mai
mari cu o unitate decat cele curente acesta trebuie inclus intr-un bloc
delimitat de etichetele .... Pentru ca un text sa fie scris
cu carcatere mai mici cu o unitate decat cele curente acesta trebuie
inclus intr-un bloc delimitat de etichetele .... Pentru
ca un text sa fie scris cu carcatere cursive acesta trebuie inclus
intr-un bloc delimitat de etichetele ... ( i vine de la " italic
"). Pentru a insera secvente de text aliniate ca indice (sub-script) sau
ca exponent (super-script) , aceste fragmente trebuie delimitate de
etichetele ..., respectiv .... Pentru a insera un
bloc de caractere subliniate se utilizeaza etichetele ... (u vine
de la " underline "). Pentru a insera un bloc de caractere subliniate se
utilizeaza etichetele ...permite inserarea in-line a citatelor.Aceste citate sunt afisate de catre browser cu caractere cursive. " q " vine de la " in-line quotation " (citate inserate in-line); Si blocurile " q " pot fi imbricate. Marimea fontului Penrtu a stabili marimea unui font se utilizeaza atributul size al etichetei. Valorile acestui atribut pot fi: 1, 2, 3, 4, 5, 6, 7 ( 1 pentru cel mai mic font si 7 pentru cel mai mare); +1, +2, etc. pentru a mari dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta; -1, -2, etc. pentru a micsora dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta. Marimea unui font poate fi stabilita exact cu ajutorul atributului point-size. Valorile acceptate de acest atribut pot fi orice numere naturale pozitive.Numarul astfel precizat reprezinta marimea fontului in puncte tipografice. Acest atribut functioneaza numai cu Netscape Communicator. Grosimea unui font Grosimea unui caracter poate fi definita cu ajutorul atributului weight al etichetei. Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai gros). BLOCURI DE TEXT Aceste etichete nu se refera la particularitatiile caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii Web. Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu suplimentar. Inserarea unei adrese Daca intr-o pagina web trebuie inclusa o adresa ,atunci putem utiliza facilitatile oferite de o eticheta dedicata: .... Indentarea unui bloc Pentru ca un bloc de text sa fie indentat ( marginea din stanga a textului sa fie deplasata la dreapta la o anumita distanta fata de marginea paginii ), acesta trebuie inclus intre etichetele
.... Blocul preformatat Intr-un bloc
..., semnificatia marcajelor HTML se pastreaza. Blocul
...este indicat pentru a insera randuri vide ( spatiu intre randurile succesive ). Caracterul " spatiu " poate fi luat in considerare de browser daca este inserat explicit prin . Intr-un fisier HTML, caracterele "<" si ">" au o semnificatie speciala pentru browser. Ele incadreaza comenzile si atributele de afisare a elementelor intr-o pagina. Daca dorim ca un fragment de text sa contina astfel de caractere, acest fragment trebuie incadrat de una dintre perechile de etichete:
este posibil trecerea la o linie noua si permite: inserarea unui spatiu suplimentar inainte de blocul paragraf; inserarea unui spatiu suplimentar dupa blocul paragraf, daca se foloseste delimitatorul
(acesta fiind optional); alinierea textului cu ajutorul atributului align, avand valorile posibile " left ", " center " sau " right ". Blocuri de titlu Intr-un text titlurile ( headers ) de capitole pot fi introduse cu ajutorul etichetelor. , , , , .
Toate aceste etichete se refera la un bloc de text si trebuie insotite
de o eticheta de incheiere similara.
Aceste etichete accepta atributul align pentru alinierea titlului
blocului de text la stanga (in mod prestabilit ) , in centru si la
dreapta. Tag-ul permite scrierea unui titlu cu caractere mai mari
si aldine, pe cand foloseste caracterele cele mai mici.
Linii orizontale
Intr-o pagina Web pot fi inserate linii orizontale.acest lucru se face
cu ajutorul etichetei
. Pentru a configura o linie orizontala se
utilizeaza urmatorele atribute ale etichetei
:
align permite alinierea liniei orizontala. Valorile posibile sunt " left
" ," center " si " right ";
width permite alegerea lungimii liniei;
size permite alegerea grosimii liniei;
noshade cand este prezent defineste o linie fara umbra;
color permite definirea culorii liniei.
Blocuri
Blocul de text cuprins intre etichetele ... va fi afisat pe
o singura linie.
Blocuri
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc
de text este folosirea delimitatorilor .... Un parametru
foarte foarte util pentru stabilirea caracteristicilor unui bloc (
diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
" left " ( aliniere la stanga );
" center " ( aliniere centrala );
" right " ( aliniere la dreapta ).
Un bloc ... poate include alte subblocuri. In acest caz ,
alinierea precizata de atributul align al blocului are efect asupra
tuturor subblocurilor incluse in blocul ;
Un bloc ... admite atributul " nowrap " care interzice
intreruperea randurilor de catre browser.
IMAGINI
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat
de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
XPM (X PixMap) cu extensia .xmp;
XBM (X BitMap) cu extensia .xbm;
BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori
posibile) si JPEG (24biti pentru o culoare, 16777216 de culori
posibile).
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul
border al etichetei border.
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite
in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul
afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor width si height.
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align
care poate lua urmatorele valori:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in
partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in
partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu
partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia
de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu
linia de
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala
, respectiv pe verticala, dintre imagine si restul elementelor din
pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul
imaginii.
Tagul utilizat este:
Text dupa imagine
LEGATURI
O legatura catre o pagina aflata in acelasi director
O legatura catre o pagina aflata in acelasi director se formeaza cu
ajutorul etichetei (de la "anchor"=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un atribut al
etichetei numit href, care ia valoare numele fisierului HTML aflat
in acelasi director. Zona activa care devina sensibila la apasarea
butonului stang al mouse-ului este formata din textul cuprins intre
etichetele ....
Prezenta etichtetei de sfarsit este obligatorie.
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care
incarca pagina de start din site-ul firmei Netscape Corporation.
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi.
O ancora se defineste de asemenea prin eticheta . Pentru a defini
ancora se utilizeaza atributul name care primeste ca valoare un nume
atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina se
utilizeaza eticheta avand atributul href de valoare "#leg1".
Pentru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director, atributul href primeste o
valoare de forma "nume_fisier.html#nume_ancora".
TABELE si FERESTRE IN HTMLâ€Â
Tabelele in HTML au astazi un rol mult mai important decit cel ce le-a
fost atribuit initial - crearea unor tabele de date. Acum tabelul este
cea mai importanta unealta de formatare a paginilor Web. Sa incepem cu
regulile generale de creare a unui tabel.
Tabelul incepe cu tag-ul de deschidere si se termina cu tag-ul
de inchidere
. Intre aceste 2 tag-uri sint definitie unul sau
mai multe rinduri ale tabelului.
Fiecare rind incepe cu tag-ul si se inchide cu . Fiecare rind
poate contine una sau mai multe celule. Numarul de celule din fiecare
rind de regula coincide, astfel celulele corespunzatoare din fiecare
rind creeaza coloane.
Fiecare celula incepe cu tag-ul si se termina cu . Intre ele
se cuprinde informatia plasata in celula: text, imagine, applet Java,
etc.
Un tabel de 2 rinduri si 2 coloane este reprezentat in HTML astfel:
rindul 1, celula 1
rindul 1, celula 2
rindul 2, celula 1
rindul 2, celula 2
Rezultatul va fi:
rindul 1, celula 1 rindul 1, celula 2
rindul 2, celula 1 rindul 2, celula 2
Am putea incheia lectia noastra aici, insa tabelul este o unealta foarte
versatila, ceea ce se transpune intr-un numar mare de parametri pe
care-l au tag-urile utilizate la crearea lor (, si ). Am
si introdus in definitia tag-ului primul parametru, si anume
BORDER="1", pentru a evidentia hoarele (bordura) dintre celule. In cele
ce urmeaza vom insusi utilizarea celorlalti parametri in baza unui
exemplu mai complex.
Parametrii tag-ului
Scopul nostru este crearea tablei inmultirii de la 1 la 3, adica cam asa
ceva:
 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
Pentru inceput sa examinam ce avem de facut: avem un tabel 4 x 4 (4
rinduri si 4 coloane), dintre care continutul primului rind si primei
coloana prezinta titlurile pentru rindurile si coloanele respective.
Dupa cum vedem formatarea acestor celule se deosebeste de restul
tabelului - fonul acestor celule este gri, iar insasi textul e scris in
bold. Celulele sint limitate de niste hotare.
Sa incepem cu definitia tabelului:
Aici introducem principalii 4 parametri ai tag-ului TABLE:
WIDTH="w". w determina largimea tabelului, ce poate fi exprimata in
termeni relativi (procente din largimea ecranului) sau absoluti
(pixeli).
Largimea relativa. Este stabilita proportia tabelului fata de largimea
intregului ecran. De exemplu creaza un tabel pe
jumatate din largime a ecranului.
Largimea absoluta. Este stabilita largimea absoluta a tabelului in
pixeli. va crea un tabel cu largimea de 600 de
pixeli, observati ca un acest caz cifra nu mai este urmata de semnul
procentului.
CELLSPACING="s". s este distanta absoluta in pixeli dintre celulele
tabelului. In cazul nostru celulele sint lipite una de alta
(CELLSPACING="0").
CELLPADDING="p". p este distanta absoluta in pixeli dintre continutul
celulei (text, imagine, etc.) si marginea celulei. In exemplul nostru
CELLPADDING="3".
BORDER="b". b este grosimea liniei ce inconjoara tabelul - bordura.
Orice valoare nenula de asemenea va delimita prin linii si celulele
tabelului. Valoarea nula a acestui parametru BORDER="0" va crea un tabel
fara de bordure
FERESTRE IN HTML
Ferestrele sau (cadrele) ne permit sa definim in fereastra browserului
subferstre in care sa fie incarcate documente HTML diferite.
Ferestrele sunt definite intr-un fisier HTML special , in care blocul
... este inlocuit de blocul .
In interiorul acestui bloc, fiecare cadru este introdus prin eticheta
.
Un atribut obligatoriu al etichetei este src, care primeste ca
valoare adresa URL a documentului HTML care va fi incarcat in acel
frame. Definirea cadrelor se face prin impartirea ferstrelor (si a
subferestrelor) in linii si coloane:
impartirea unei ferstre intr-un numar de subferestre de tip coloana se
face cu ajutorul atributului cols al etichetei
, , , .
Toate aceste etichete se refera la un bloc de text si trebuie insotite
de o eticheta de incheiere similara.
Aceste etichete accepta atributul align pentru alinierea titlului
blocului de text la stanga (in mod prestabilit ) , in centru si la
dreapta. Tag-ul permite scrierea unui titlu cu caractere mai mari
si aldine, pe cand foloseste caracterele cele mai mici.
Linii orizontale
Intr-o pagina Web pot fi inserate linii orizontale.acest lucru se face
cu ajutorul etichetei
. Pentru a configura o linie orizontala se
utilizeaza urmatorele atribute ale etichetei
:
align permite alinierea liniei orizontala. Valorile posibile sunt " left
" ," center " si " right ";
width permite alegerea lungimii liniei;
size permite alegerea grosimii liniei;
noshade cand este prezent defineste o linie fara umbra;
color permite definirea culorii liniei.
Blocuri
Blocul de text cuprins intre etichetele ... va fi afisat pe
o singura linie.
Blocuri
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc
de text este folosirea delimitatorilor .... Un parametru
foarte foarte util pentru stabilirea caracteristicilor unui bloc (
diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
" left " ( aliniere la stanga );
" center " ( aliniere centrala );
" right " ( aliniere la dreapta ).
Un bloc ... poate include alte subblocuri. In acest caz ,
alinierea precizata de atributul align al blocului are efect asupra
tuturor subblocurilor incluse in blocul ;
Un bloc ... admite atributul " nowrap " care interzice
intreruperea randurilor de catre browser.
IMAGINI
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat
de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
XPM (X PixMap) cu extensia .xmp;
XBM (X BitMap) cu extensia .xbm;
BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori
posibile) si JPEG (24biti pentru o culoare, 16777216 de culori
posibile).
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul
border al etichetei border.
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite
in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul
afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor width si height.
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align
care poate lua urmatorele valori:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in
partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in
partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu
partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia
de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu
linia de
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala
, respectiv pe verticala, dintre imagine si restul elementelor din
pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul
imaginii.
Tagul utilizat este:
Text dupa imagine
LEGATURI
O legatura catre o pagina aflata in acelasi director
O legatura catre o pagina aflata in acelasi director se formeaza cu
ajutorul etichetei (de la "anchor"=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un atribut al
etichetei numit href, care ia valoare numele fisierului HTML aflat
in acelasi director. Zona activa care devina sensibila la apasarea
butonului stang al mouse-ului este formata din textul cuprins intre
etichetele ....
Prezenta etichtetei de sfarsit este obligatorie.
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care
incarca pagina de start din site-ul firmei Netscape Corporation.
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi.
O ancora se defineste de asemenea prin eticheta . Pentru a defini
ancora se utilizeaza atributul name care primeste ca valoare un nume
atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina se
utilizeaza eticheta avand atributul href de valoare "#leg1".
Pentru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director, atributul href primeste o
valoare de forma "nume_fisier.html#nume_ancora".
TABELE si FERESTRE IN HTMLâ€Â
Tabelele in HTML au astazi un rol mult mai important decit cel ce le-a
fost atribuit initial - crearea unor tabele de date. Acum tabelul este
cea mai importanta unealta de formatare a paginilor Web. Sa incepem cu
regulile generale de creare a unui tabel.
Tabelul incepe cu tag-ul de deschidere si se termina cu tag-ul
de inchidere
. Intre aceste 2 tag-uri sint definitie unul sau
mai multe rinduri ale tabelului.
Fiecare rind incepe cu tag-ul si se inchide cu . Fiecare rind
poate contine una sau mai multe celule. Numarul de celule din fiecare
rind de regula coincide, astfel celulele corespunzatoare din fiecare
rind creeaza coloane.
Fiecare celula incepe cu tag-ul si se termina cu . Intre ele
se cuprinde informatia plasata in celula: text, imagine, applet Java,
etc.
Un tabel de 2 rinduri si 2 coloane este reprezentat in HTML astfel:
rindul 1, celula 1
rindul 1, celula 2
rindul 2, celula 1
rindul 2, celula 2
Rezultatul va fi:
rindul 1, celula 1 rindul 1, celula 2
rindul 2, celula 1 rindul 2, celula 2
Am putea incheia lectia noastra aici, insa tabelul este o unealta foarte
versatila, ceea ce se transpune intr-un numar mare de parametri pe
care-l au tag-urile utilizate la crearea lor (, si ). Am
si introdus in definitia tag-ului primul parametru, si anume
BORDER="1", pentru a evidentia hoarele (bordura) dintre celule. In cele
ce urmeaza vom insusi utilizarea celorlalti parametri in baza unui
exemplu mai complex.
Parametrii tag-ului
Scopul nostru este crearea tablei inmultirii de la 1 la 3, adica cam asa
ceva:
 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
Pentru inceput sa examinam ce avem de facut: avem un tabel 4 x 4 (4
rinduri si 4 coloane), dintre care continutul primului rind si primei
coloana prezinta titlurile pentru rindurile si coloanele respective.
Dupa cum vedem formatarea acestor celule se deosebeste de restul
tabelului - fonul acestor celule este gri, iar insasi textul e scris in
bold. Celulele sint limitate de niste hotare.
Sa incepem cu definitia tabelului:
Aici introducem principalii 4 parametri ai tag-ului TABLE:
WIDTH="w". w determina largimea tabelului, ce poate fi exprimata in
termeni relativi (procente din largimea ecranului) sau absoluti
(pixeli).
Largimea relativa. Este stabilita proportia tabelului fata de largimea
intregului ecran. De exemplu creaza un tabel pe
jumatate din largime a ecranului.
Largimea absoluta. Este stabilita largimea absoluta a tabelului in
pixeli. va crea un tabel cu largimea de 600 de
pixeli, observati ca un acest caz cifra nu mai este urmata de semnul
procentului.
CELLSPACING="s". s este distanta absoluta in pixeli dintre celulele
tabelului. In cazul nostru celulele sint lipite una de alta
(CELLSPACING="0").
CELLPADDING="p". p este distanta absoluta in pixeli dintre continutul
celulei (text, imagine, etc.) si marginea celulei. In exemplul nostru
CELLPADDING="3".
BORDER="b". b este grosimea liniei ce inconjoara tabelul - bordura.
Orice valoare nenula de asemenea va delimita prin linii si celulele
tabelului. Valoarea nula a acestui parametru BORDER="0" va crea un tabel
fara de bordure
FERESTRE IN HTML
Ferestrele sau (cadrele) ne permit sa definim in fereastra browserului
subferstre in care sa fie incarcate documente HTML diferite.
Ferestrele sunt definite intr-un fisier HTML special , in care blocul
... este inlocuit de blocul .
In interiorul acestui bloc, fiecare cadru este introdus prin eticheta
.
Un atribut obligatoriu al etichetei este src, care primeste ca
valoare adresa URL a documentului HTML care va fi incarcat in acel
frame. Definirea cadrelor se face prin impartirea ferstrelor (si a
subferestrelor) in linii si coloane:
impartirea unei ferstre intr-un numar de subferestre de tip coloana se
face cu ajutorul atributului cols al etichetei
, .
Toate aceste etichete se refera la un bloc de text si trebuie insotite
de o eticheta de incheiere similara.
Aceste etichete accepta atributul align pentru alinierea titlului
blocului de text la stanga (in mod prestabilit ) , in centru si la
dreapta. Tag-ul permite scrierea unui titlu cu caractere mai mari
si aldine, pe cand foloseste caracterele cele mai mici.
Linii orizontale
Intr-o pagina Web pot fi inserate linii orizontale.acest lucru se face
cu ajutorul etichetei
. Pentru a configura o linie orizontala se
utilizeaza urmatorele atribute ale etichetei
:
align permite alinierea liniei orizontala. Valorile posibile sunt " left
" ," center " si " right ";
width permite alegerea lungimii liniei;
size permite alegerea grosimii liniei;
noshade cand este prezent defineste o linie fara umbra;
color permite definirea culorii liniei.
Blocuri
Blocul de text cuprins intre etichetele ... va fi afisat pe
o singura linie.
Blocuri
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc
de text este folosirea delimitatorilor .... Un parametru
foarte foarte util pentru stabilirea caracteristicilor unui bloc (
diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
" left " ( aliniere la stanga );
" center " ( aliniere centrala );
" right " ( aliniere la dreapta ).
Un bloc ... poate include alte subblocuri. In acest caz ,
alinierea precizata de atributul align al blocului are efect asupra
tuturor subblocurilor incluse in blocul ;
Un bloc ... admite atributul " nowrap " care interzice
intreruperea randurilor de catre browser.
IMAGINI
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat
de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
XPM (X PixMap) cu extensia .xmp;
XBM (X BitMap) cu extensia .xbm;
BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori
posibile) si JPEG (24biti pentru o culoare, 16777216 de culori
posibile).
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul
border al etichetei border.
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite
in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul
afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor width si height.
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align
care poate lua urmatorele valori:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in
partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in
partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu
partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia
de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu
linia de
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala
, respectiv pe verticala, dintre imagine si restul elementelor din
pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul
imaginii.
Tagul utilizat este:
Text dupa imagine
LEGATURI
O legatura catre o pagina aflata in acelasi director
O legatura catre o pagina aflata in acelasi director se formeaza cu
ajutorul etichetei (de la "anchor"=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un atribut al
etichetei numit href, care ia valoare numele fisierului HTML aflat
in acelasi director. Zona activa care devina sensibila la apasarea
butonului stang al mouse-ului este formata din textul cuprins intre
etichetele ....
Prezenta etichtetei de sfarsit este obligatorie.
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care
incarca pagina de start din site-ul firmei Netscape Corporation.
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi.
O ancora se defineste de asemenea prin eticheta . Pentru a defini
ancora se utilizeaza atributul name care primeste ca valoare un nume
atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina se
utilizeaza eticheta avand atributul href de valoare "#leg1".
Pentru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director, atributul href primeste o
valoare de forma "nume_fisier.html#nume_ancora".
TABELE si FERESTRE IN HTMLâ€Â
Tabelele in HTML au astazi un rol mult mai important decit cel ce le-a
fost atribuit initial - crearea unor tabele de date. Acum tabelul este
cea mai importanta unealta de formatare a paginilor Web. Sa incepem cu
regulile generale de creare a unui tabel.
Tabelul incepe cu tag-ul de deschidere si se termina cu tag-ul
de inchidere
. Intre aceste 2 tag-uri sint definitie unul sau
mai multe rinduri ale tabelului.
Fiecare rind incepe cu tag-ul si se inchide cu . Fiecare rind
poate contine una sau mai multe celule. Numarul de celule din fiecare
rind de regula coincide, astfel celulele corespunzatoare din fiecare
rind creeaza coloane.
Fiecare celula incepe cu tag-ul si se termina cu . Intre ele
se cuprinde informatia plasata in celula: text, imagine, applet Java,
etc.
Un tabel de 2 rinduri si 2 coloane este reprezentat in HTML astfel:
rindul 1, celula 1
rindul 1, celula 2
rindul 2, celula 1
rindul 2, celula 2
Rezultatul va fi:
rindul 1, celula 1 rindul 1, celula 2
rindul 2, celula 1 rindul 2, celula 2
Am putea incheia lectia noastra aici, insa tabelul este o unealta foarte
versatila, ceea ce se transpune intr-un numar mare de parametri pe
care-l au tag-urile utilizate la crearea lor (, si ). Am
si introdus in definitia tag-ului primul parametru, si anume
BORDER="1", pentru a evidentia hoarele (bordura) dintre celule. In cele
ce urmeaza vom insusi utilizarea celorlalti parametri in baza unui
exemplu mai complex.
Parametrii tag-ului
Scopul nostru este crearea tablei inmultirii de la 1 la 3, adica cam asa
ceva:
 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
Pentru inceput sa examinam ce avem de facut: avem un tabel 4 x 4 (4
rinduri si 4 coloane), dintre care continutul primului rind si primei
coloana prezinta titlurile pentru rindurile si coloanele respective.
Dupa cum vedem formatarea acestor celule se deosebeste de restul
tabelului - fonul acestor celule este gri, iar insasi textul e scris in
bold. Celulele sint limitate de niste hotare.
Sa incepem cu definitia tabelului:
Aici introducem principalii 4 parametri ai tag-ului TABLE:
WIDTH="w". w determina largimea tabelului, ce poate fi exprimata in
termeni relativi (procente din largimea ecranului) sau absoluti
(pixeli).
Largimea relativa. Este stabilita proportia tabelului fata de largimea
intregului ecran. De exemplu creaza un tabel pe
jumatate din largime a ecranului.
Largimea absoluta. Este stabilita largimea absoluta a tabelului in
pixeli. va crea un tabel cu largimea de 600 de
pixeli, observati ca un acest caz cifra nu mai este urmata de semnul
procentului.
CELLSPACING="s". s este distanta absoluta in pixeli dintre celulele
tabelului. In cazul nostru celulele sint lipite una de alta
(CELLSPACING="0").
CELLPADDING="p". p este distanta absoluta in pixeli dintre continutul
celulei (text, imagine, etc.) si marginea celulei. In exemplul nostru
CELLPADDING="3".
BORDER="b". b este grosimea liniei ce inconjoara tabelul - bordura.
Orice valoare nenula de asemenea va delimita prin linii si celulele
tabelului. Valoarea nula a acestui parametru BORDER="0" va crea un tabel
fara de bordure
FERESTRE IN HTML
Ferestrele sau (cadrele) ne permit sa definim in fereastra browserului
subferstre in care sa fie incarcate documente HTML diferite.
Ferestrele sunt definite intr-un fisier HTML special , in care blocul
... este inlocuit de blocul .
In interiorul acestui bloc, fiecare cadru este introdus prin eticheta
.
Un atribut obligatoriu al etichetei este src, care primeste ca
valoare adresa URL a documentului HTML care va fi incarcat in acel
frame. Definirea cadrelor se face prin impartirea ferstrelor (si a
subferestrelor) in linii si coloane:
impartirea unei ferstre intr-un numar de subferestre de tip coloana se
face cu ajutorul atributului cols al etichetei
permite scrierea unui titlu cu caractere mai mari
si aldine, pe cand foloseste caracterele cele mai mici.
Linii orizontale
Intr-o pagina Web pot fi inserate linii orizontale.acest lucru se face
cu ajutorul etichetei
. Pentru a configura o linie orizontala se
utilizeaza urmatorele atribute ale etichetei
:
align permite alinierea liniei orizontala. Valorile posibile sunt " left
" ," center " si " right ";
width permite alegerea lungimii liniei;
size permite alegerea grosimii liniei;
noshade cand este prezent defineste o linie fara umbra;
color permite definirea culorii liniei.
Blocuri
Blocul de text cuprins intre etichetele ... va fi afisat pe
o singura linie.
Blocuri
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc
de text este folosirea delimitatorilor .... Un parametru
foarte foarte util pentru stabilirea caracteristicilor unui bloc (
diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
" left " ( aliniere la stanga );
" center " ( aliniere centrala );
" right " ( aliniere la dreapta ).
Un bloc ... poate include alte subblocuri. In acest caz ,
alinierea precizata de atributul align al blocului are efect asupra
tuturor subblocurilor incluse in blocul ;
Un bloc ... admite atributul " nowrap " care interzice
intreruperea randurilor de catre browser.
IMAGINI
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat
de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
XPM (X PixMap) cu extensia .xmp;
XBM (X BitMap) cu extensia .xbm;
BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori
posibile) si JPEG (24biti pentru o culoare, 16777216 de culori
posibile).
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul
border al etichetei border.
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite
in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul
afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor width si height.
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align
care poate lua urmatorele valori:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in
partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in
partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu
partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia
de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu
linia de
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala
, respectiv pe verticala, dintre imagine si restul elementelor din
pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul
imaginii.
Tagul utilizat este:
Text dupa imagine
LEGATURI
O legatura catre o pagina aflata in acelasi director
O legatura catre o pagina aflata in acelasi director se formeaza cu
ajutorul etichetei (de la "anchor"=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un atribut al
etichetei numit href, care ia valoare numele fisierului HTML aflat
in acelasi director. Zona activa care devina sensibila la apasarea
butonului stang al mouse-ului este formata din textul cuprins intre
etichetele ....
Prezenta etichtetei de sfarsit este obligatorie.
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care
incarca pagina de start din site-ul firmei Netscape Corporation.
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi.
O ancora se defineste de asemenea prin eticheta . Pentru a defini
ancora se utilizeaza atributul name care primeste ca valoare un nume
atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina se
utilizeaza eticheta avand atributul href de valoare "#leg1".
Pentru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director, atributul href primeste o
valoare de forma "nume_fisier.html#nume_ancora".
TABELE si FERESTRE IN HTMLâ€Â
Tabelele in HTML au astazi un rol mult mai important decit cel ce le-a
fost atribuit initial - crearea unor tabele de date. Acum tabelul este
cea mai importanta unealta de formatare a paginilor Web. Sa incepem cu
regulile generale de creare a unui tabel.
Tabelul incepe cu tag-ul de deschidere si se termina cu tag-ul
de inchidere
. Intre aceste 2 tag-uri sint definitie unul sau
mai multe rinduri ale tabelului.
Fiecare rind incepe cu tag-ul si se inchide cu . Fiecare rind
poate contine una sau mai multe celule. Numarul de celule din fiecare
rind de regula coincide, astfel celulele corespunzatoare din fiecare
rind creeaza coloane.
Fiecare celula incepe cu tag-ul si se termina cu . Intre ele
se cuprinde informatia plasata in celula: text, imagine, applet Java,
etc.
Un tabel de 2 rinduri si 2 coloane este reprezentat in HTML astfel:
rindul 1, celula 1
rindul 1, celula 2
rindul 2, celula 1
rindul 2, celula 2
Rezultatul va fi:
rindul 1, celula 1 rindul 1, celula 2
rindul 2, celula 1 rindul 2, celula 2
Am putea incheia lectia noastra aici, insa tabelul este o unealta foarte
versatila, ceea ce se transpune intr-un numar mare de parametri pe
care-l au tag-urile utilizate la crearea lor (, si ). Am
si introdus in definitia tag-ului primul parametru, si anume
BORDER="1", pentru a evidentia hoarele (bordura) dintre celule. In cele
ce urmeaza vom insusi utilizarea celorlalti parametri in baza unui
exemplu mai complex.
Parametrii tag-ului
Scopul nostru este crearea tablei inmultirii de la 1 la 3, adica cam asa
ceva:
 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
Pentru inceput sa examinam ce avem de facut: avem un tabel 4 x 4 (4
rinduri si 4 coloane), dintre care continutul primului rind si primei
coloana prezinta titlurile pentru rindurile si coloanele respective.
Dupa cum vedem formatarea acestor celule se deosebeste de restul
tabelului - fonul acestor celule este gri, iar insasi textul e scris in
bold. Celulele sint limitate de niste hotare.
Sa incepem cu definitia tabelului:
Aici introducem principalii 4 parametri ai tag-ului TABLE:
WIDTH="w". w determina largimea tabelului, ce poate fi exprimata in
termeni relativi (procente din largimea ecranului) sau absoluti
(pixeli).
Largimea relativa. Este stabilita proportia tabelului fata de largimea
intregului ecran. De exemplu creaza un tabel pe
jumatate din largime a ecranului.
Largimea absoluta. Este stabilita largimea absoluta a tabelului in
pixeli. va crea un tabel cu largimea de 600 de
pixeli, observati ca un acest caz cifra nu mai este urmata de semnul
procentului.
CELLSPACING="s". s este distanta absoluta in pixeli dintre celulele
tabelului. In cazul nostru celulele sint lipite una de alta
(CELLSPACING="0").
CELLPADDING="p". p este distanta absoluta in pixeli dintre continutul
celulei (text, imagine, etc.) si marginea celulei. In exemplul nostru
CELLPADDING="3".
BORDER="b". b este grosimea liniei ce inconjoara tabelul - bordura.
Orice valoare nenula de asemenea va delimita prin linii si celulele
tabelului. Valoarea nula a acestui parametru BORDER="0" va crea un tabel
fara de bordure
FERESTRE IN HTML
Ferestrele sau (cadrele) ne permit sa definim in fereastra browserului
subferstre in care sa fie incarcate documente HTML diferite.
Ferestrele sunt definite intr-un fisier HTML special , in care blocul
... este inlocuit de blocul .
In interiorul acestui bloc, fiecare cadru este introdus prin eticheta
.
Un atribut obligatoriu al etichetei este src, care primeste ca
valoare adresa URL a documentului HTML care va fi incarcat in acel
frame. Definirea cadrelor se face prin impartirea ferstrelor (si a
subferestrelor) in linii si coloane:
impartirea unei ferstre intr-un numar de subferestre de tip coloana se
face cu ajutorul atributului cols al etichetei
. Pentru a configura o linie orizontala se utilizeaza urmatorele atribute ale etichetei
: align permite alinierea liniei orizontala. Valorile posibile sunt " left " ," center " si " right "; width permite alegerea lungimii liniei; size permite alegerea grosimii liniei; noshade cand este prezent defineste o linie fara umbra; color permite definirea culorii liniei. Blocuri
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc
de text este folosirea delimitatorilor
...
. Un parametru
foarte foarte util pentru stabilirea caracteristicilor unui bloc (
diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
" left " ( aliniere la stanga );
" center " ( aliniere centrala );
" right " ( aliniere la dreapta ).
Un bloc
...
poate include alte subblocuri. In acest caz ,
alinierea precizata de atributul align al blocului are efect asupra
tuturor subblocurilor incluse in blocul ;
Un bloc Text dupa imagine
LEGATURI
O legatura catre o pagina aflata in acelasi director
O legatura catre o pagina aflata in acelasi director se formeaza cu
ajutorul etichetei (de la "anchor"=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un atribut al
etichetei numit href, care ia valoare numele fisierului HTML aflat
in acelasi director. Zona activa care devina sensibila la apasarea
butonului stang al mouse-ului este formata din textul cuprins intre
etichetele ....
Prezenta etichtetei de sfarsit este obligatorie.
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care
incarca pagina de start din site-ul firmei Netscape Corporation.
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi.
O ancora se defineste de asemenea prin eticheta . Pentru a defini
ancora se utilizeaza atributul name care primeste ca valoare un nume
atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina se
utilizeaza eticheta avand atributul href de valoare "#leg1".
Pentru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director, atributul href primeste o
valoare de forma "nume_fisier.html#nume_ancora".
TABELE si FERESTRE IN HTMLâ€Â
Tabelele in HTML au astazi un rol mult mai important decit cel ce le-a
fost atribuit initial - crearea unor tabele de date. Acum tabelul este
cea mai importanta unealta de formatare a paginilor Web. Sa incepem cu
regulile generale de creare a unui tabel.
Tabelul incepe cu tag-ul de deschidere si se termina cu tag-ul
de inchidere
. Intre aceste 2 tag-uri sint definitie unul sau
mai multe rinduri ale tabelului.
Fiecare rind incepe cu tag-ul si se inchide cu . Fiecare rind
poate contine una sau mai multe celule. Numarul de celule din fiecare
rind de regula coincide, astfel celulele corespunzatoare din fiecare
rind creeaza coloane.
Fiecare celula incepe cu tag-ul si se termina cu . Intre ele
se cuprinde informatia plasata in celula: text, imagine, applet Java,
etc.
Un tabel de 2 rinduri si 2 coloane este reprezentat in HTML astfel:
Rezultatul va fi:
rindul 1, celula 1 rindul 1, celula 2
rindul 2, celula 1 rindul 2, celula 2
Am putea incheia lectia noastra aici, insa tabelul este o unealta foarte
versatila, ceea ce se transpune intr-un numar mare de parametri pe
care-l au tag-urile utilizate la crearea lor (,
...
admite atributul " nowrap " care interzice
intreruperea randurilor de catre browser.
IMAGINI
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat
de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
XPM (X PixMap) cu extensia .xmp;
XBM (X BitMap) cu extensia .xbm;
BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori
posibile) si JPEG (24biti pentru o culoare, 16777216 de culori
posibile).
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul
border al etichetei border.
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite
in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul
afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor width si height.
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align
care poate lua urmatorele valori:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in
partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in
partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu
partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia
de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu
linia de
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala
, respectiv pe verticala, dintre imagine si restul elementelor din
pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul
imaginii.
Tagul utilizat este:
| rindul 1, celula 1 | rindul 1, celula 2 |
| rindul 2, celula 1 | rindul 2, celula 2 |
| ). Am
si introdus in definitia tag-ului |