Imaginile
Webul s-a standardizat la numai doua formate d-ale
imaginilor - GIF si JPEG.
Exista un cod html care spune browserului sa afiseze o imagine: <IMG>.
<IMG SRC="nume fisier">
SRC este prescurtarea de la source, iar nume fisier
este numele fisierului grafic pe crae doresti sa- 131h73b l afisezi.
De ex., sa spunem ca ai o imagine numita rege.jpg pe care vrei sa o afisezi. Folosesti
linia urmatoare:
<IMG SRC="rege.jpg" width="30" height="50">
Observam doua atribute noi: width si height: specifica latimea si inaltimea
pozei.
Transformarea unei imagini in legatura
<A HREF="URL"><IMG
SRC="numefisier"></A>
Cand poza este folosita ca link, se mai adauga un atribut: border="0".
Daca nu adaugi acest atribut, o margine
apare in jurul pozei. Daca doresti margine, poti adauga border="2" sau3, 4, 5
cum vrei tu.
Ex de folosire a pozei ca link:
<A href=www.cursurigratuite.ro><img src="rege.gif"
border="0"></A>
Alinierea
textului si imaginilor
Cred ca te-ai prins ca poti afisa text si imagine pe acelasi
rand.
Ex. Aceasta este prima mea prietena. <img src="lol.jpg width="200"
height="100">
Daca preferi ca textul sau imaginea sa apara in dreapta sau
stanga, jos sau sus, folosesti eticheta ALIGN.
<IMG SRC="numefisier" ALIGN="VALUE">
VALUE poate fi:
- Top. Textul/imaginea este aliniat in partea de sus (align).
- Middle. Textul/imaginea este aliniat la mijloc (valign).
- Bottom. Este aliniat in partea de jos (valign).
- Right. Este aliniat la dreapta (align).
- Left. Este aliniat la stanga (align).
Eticheta <BR> aduce textul pe un alt rand, fara sa insereze un rand separat.
Fontul textului <FONT>
a) modificarea fontului
Browserul foloseste un font obisnuit pentru a-ti prezenta paginile. Cu toate acestea,
poti modifica fontul astfel:
<FONT FACE="verdana"> </FONT>
b) modificarea marimii textului
<FONT SIZE="20"></FONT>
Partea SIZE este un numar care arata dimensiunea dorita a textului.
Ex.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<FONT FACE="arial" SIZE="6">
Primul meu text online!</FONT>
<BR>
Al doilea text.
<P>A doua linie</P>
</BODY>
</HTML>
Culorile
Textul poate avea culori diferite. In majoritatea timpului
vei specifica o culoare introducand un cod din 6 cifre care are urmatoarea
forma:
#rrggbb
Stiu ca arata ciudat, dar e matematic explicabil. RR este partea de rosu din culoare, gg
este partea de verde, bb este partea de albastru. Cu alte cuvinte, fiecare cod
reprezinta o combinatie a primelor trei culori primare, iar aceasta combinatie
produce culoarea finala. Acestea sunt numite valori RGB.
Codurile RGB pentru culorile obisnuite:
#000000 - NEGRU
#FFFFFF - ALB
#FF0000 - ROSU
#00FF00 - VERDE
#000FF - ALBASTRU
#FFFF00 - GALBEN
ex.
<FONT COLOR="FF0000">Acest text este rosu</FONT>
ex.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<FONT FACE="arial" SIZE="6" COLOR="#FF0000">
Primul meu text online!</FONT>
<BR>
Al doilea text.
<P>A doua linie</P>
</BODY>
</HTML>
|
