Html 6


f) Imagini

Instructiunea Atribute Descriere
< img atribute > marcajul de includere a imaginii
src = ” url adresa fisierului grafic (url absolut sau relativ)
alt = ” text textul alternativ care este afisat celor care navigheaza fara imagini
align = alinierea imaginii in pagina: right (dreapta), left (stanga = implicit)
alinierea elementelor din jurul imaginii: top (sus), middle (mijloc), bottom (jos)
height = inaltimea imaginii (in pixeli sau %)
width = latimea imaginii (in pixeli sau %)
border = marimea chenarului din jurul imaginii (in pixeli)
hspace = spatiu pe orizontala in jurul imaginii (in pixeli)
vspace = spatiu pe verticala in jurul imaginii (in pixeli)

Folositi intotdeauna atributele width si height (exprimate in pixeli): ele rezerva in pagina un spatiu cu latimea si inaltimea specificate si permit afisarea paginii si a textului inainte de receptionarea imaginii de la server.

g) Cadre

Cu ajutorul cadrelor putem imparti ecranul in mai multe zone si alegem ce fisier sa apara in fiecare zona. Cel mai folosita este impartirea in 2 coloane: in coloana din stanga, mai ingusta, sunt legaturile, iar in zona din dreapta se afiseaza fisierele accesate.

Instructiune Atribute Descriere
< frameset atribute >
< / frameset >
definirea impartirii paginii in cadre
cols = numarul si marimea relativa a coloanelor
rows = numarul si marimea relativa a liniilor
border = marimea chenarului (pixeli); in general nu dorim chenar si folosim border =0 impreuna cu framespacing =0 si frameborder =no, pentru ca nu stim ce browser (cu ce valori setate ca implicite) foloseste vizitatorul, deci mai bine le specificati dvs.
frameborder = specifica daca cadrul definit cu FRAMESET are sau nu chenar : yes sau no; implicit yes
framespacing = marimea spatiului dintre cadre (pixeli); daca il folositi impreuna cu border, dar cu valori diferite, pentru unele browsere primeaza valoarea lui framespacing (ex. IE.5) iar pentru altele valoarea lui border (ex. Netscape 4.51)
< frame atribute > definitia unui cadru
src = ” url sursa cadrului
name = numele cadrului, utilizat de marcajul < a href = „url” target = nume >
scrolling = optiuni pentru bara de derulare : yes (da), no (nu), auto (daca este nevoie); implicit „auto”
noresize pentru a nu redimensiona tragand de chenar (doar daca are)
marginheight = spatiu deasupra si sub un cadru (pixeli)
marginwidth = spatiu la stanga si la dreapta unui cadru (pixeli)
< noframes >
< / noframes >
sectiunea de pagina afisata browserelor care nu pot interpreta cadre
< iframe atribute >
< / iframe >
cadru intern (doar IE)
src = ” url sursa cadrului
name = numele cadrului, utilizat de marcajul < a href = „url” target = nume >
height = inaltimea cadrului inglobat (pixeli sau %)
width = latimea cadrului inglobat (pixeli sau %)
frameborder = specifica daca cadrul definit cu IFRAME are sau nu chenar (yes sau no; implicit yes)
scrolling = optiuni pentru bara de derulare : yes (da), no (nu), auto (daca este nevoie); implicit „auto”

h) Caractere speciale

Pentru a face sã aparã în browser caracterul din coloana Caracter, in codul sursã trebuie sã avem Cod HTML

Caracter Cod HTML Semnificatie
& &amp; ampensand
< &lt; mai mic (less than)
> &gt; mai mare (greater than)
Pentru a obtine majuscule, le folosim in codul sursa in locul literelor mici . Ex. : &Acirc; = Â
á &aacute; a mic cu accent ascutit (acute)
à &agrave; a mic cu accent grav
â &acirc; a mic cu accent circumflex
ã &atilde; a mic cu tildã
ä &auml; a mic cu doua puncte (umblaut)
å &aring; a mic cu inel (ring)
ç &ccedil; c mic cu sedilã
ñ &ntilde; n mic cu tildã
ø &oslash; o mic barat (slash)
ß &szlig; s-z mic ligaturat
¿ &iquest; semnul de întrebare invers
£ &pound; lira sterlinã
¢ &cent; cent
© &copy; simbolul de copyright
® &reg; simbolul de marcã înregistratã
&nbsp; forteazã spatii multiple; chiar dacã în codul sursã avem mai multe spatii, browserul afiseazã unul singur; se poate folosi pentru a scrie un paragraf cu aliniat
&quot; ghilimele
&scedil; &scedil; nu am obtinut s cu sedilã; afiseazã exact codul sursã
&tcedil; &tcedil; nu am obtinut t cu sedilã; afiseazã codul sursã

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s