HTML pe intelesul tuturor
Ce este HTML-ul?
HTML este prescurtarea HyperText Markup Language. HTML este cea mai popularalimba a web-ului. Pagini si sit-uri web sunt scrise in HTML. Cu HTML si WWW, poti
aduce in acelasi loc texte, sunete, poze, si link-uri. Documentele HTML pot fi
compuse si editate pe orice tip de calculator.
Cui i se adreseaza acest tutorial?
Acest tutorial se adreseaza celor interesati sa invete HTML. Probabil iti doresti
propria ta pagina de web, sau chiar un intreg site.
Cum sa construiesti o pagina web
Acest tutorial te va invata cum sa iti scrii propriile pagini web in limbaj HTML. Nu ai nevoie de vreun editor special pentru a folosi acest ghid, orice editor de text este perfect atata timp cat stii sa il folosesti.
Scrierea documentelor HTML
Dupa ce v-ati gasit un host pentru a va plasa site-ul sau pagina web, trebuie sa
incepeti crearea paginilor.Pagina principala trebuie denumita "index.html", majoritatea serverelor fiind setate sa recunoasca pagina principala dupa aceasta denumire.
Prima mea pagina web
Html sau HyperText Markup Language este unul dintre cele mai vechi limbaje de programare web. Acesta sta la baza crearii unui site web
Pentru inceput ca sa creati propria pagina web trebuie sa scrieti urmatorul cod HTML in notepad:
<html>
<head>
</head>
<body><h2>Prima mea pagina web!</h2>
</body>
</html> Apoi salvam documentul in notepad selectand din meniul "File", optiunea "Save As". In fereastra care se deschide, selecteaza "All Files". Vom da un nume fisierului "index.html", fara ghilimele si apoi ii dam "Save".
Vizualizarea paginii
Pentru a putea vizualiza pagina web, trebuie sa deschizi fisierul "index.html" intr-un browser. Pentru aceasta, deschide o noua fereastra de Internet Explorer si din File selecteazi Open dublu click pe "index.html" pentru a-l deschide astel o sa aveti prima pagina web.
Bazele unei pagini html
Culoarea de fond
O culoare poate fi precizata in doua moduri:
•Printr-un numede culoare. Sunt disponibile cel putin16 numede culori:
aqua, black, fuchsia, gray, green lime, maroon, navy, olive, purple, red, silver, teal, white siyellow.
•Prin constructia" #rrggbb"
under (red), g (green), saub (blue) suntcifrehexazecimalesipot lua valorile
Codul hexadecimal
#FFFFFF alb,
#000000 negru.
Fiecarecod hexadecimal este impartitin 3 grupe:
-#XXxxxx-Tenta de rosu
-#xxXXxx-Tenta de verde
-#xxxxXX-Tenta de albastru
. Sistemulde culorihexadecimal constain unitatile
0 1 2 3 4 5 6 7 8 9 A B C D E F, 0 fiindvaloare
nula, iar F valoarea cea mai mare.
<html><head><title>culoare de fond </title></head><body bgcolor=gray> O paginaWeb cu fondul GRI! </body></html>
Culoarea textului
•Acest lucruse face prin intermediul atributului text al etichetei<body>dupa
sintaxa<body text=culoare>.
<html><head><title>culoaretextului</title></head><body text=red>Un text de culoarerosie. </body></html>
Linkuri
•Link-urile sunt esenta webului, fara acestea paginile unui sit nu ar avea legatura intre ele.
•Pentrua adauga un link se foloseste
tagul de deschidere<a href="locatie">
sitagulde inchidere</a>.
•Tot ceva aparea intre aceste doua taguri va fi
subliniat si colorat, iar in momentul click-ului pe acel
text, browser-ul va fi trimis spre locatia data.
Linkuri
<html><head><title>Aceastaesteprima mea paginade Web</title></head><body><h2>Viziteaza<a href="http://www.xxxx????(ce link vreiti sa puneti).ro/">xxxx????</a></h2></body></html>
Imagini
Formatele acceptat de browsere pentru fisierele imagine
•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 (numaicu Internet Explorer);
•TIFF (Tagged Image File Format) cu extensia.tifsau.tiff;
•Cele mai raspandite formate sunt GIF (8biti pentruo culoare, 256 culoriposibile) siJPEG(24biti pentruo culoare, 16777216 de culori posibile).
AdresaURL a unei imagini
•URL ( "Uniform ResourseLocator" = identificatorunical resursei) esteun standard folositin identificareaunicaa uneiresursein Internet.
•Toateimaginilecu care vomlucravoraveaadresaURL exprimatain functiede directorulcecontinedocumentulHTML care face referirela imagine.
•
•Pentrua inserao imagine intr-opagina, se utilizeazaeticheta<img>(de la "image"=imagine).
•Pentrua puteafiidentificaimagineacare vafiinserata, se utilizeazaun atributal etichetei<img>sianumesrc(de la "source"=sursa).
•Dacaimaginease aflain acelasidirector cu fisierulHTML care face referirela imagine, atunciadresaURL a imaginiiesteformatanumaidin numeleimaginii, inclusiv extensia.
<html>
<head><title> O pagina cu imagine</title></head>
<body> O pagina care contine o imagine
<imgsrc=“poza.jpg“border="5" width="350" height="25%">
poza.
</body>
</html>
AdresaURL a unei imagini
•URL ( "Uniform ResourseLocator" = identificatorunical resursei) esteun standard folositin identificareaunicaa uneiresursein Internet.
•Toateimaginilecu care vomlucravoraveaadresaURL exprimatain functiede directorulcecontinedocumentulHTML care face referirela imagine.
•
•Pentrua inserao imagine intr-opagina, se utilizeazaeticheta<img>(de la "image"=imagine).
•Pentrua puteafiidentificaimagineacare vafiinserata, se utilizeazaun atributal etichetei<img>sianumesrc(de la "source"=sursa).
•Dacaimaginease aflain acelasidirector cu fisierulHTML care face referirela imagine, atunciadresaURL a imaginiiesteformatanumaidin numeleimaginii, inclusiv extensia.
<html>
<head><title> O pagina cu imagine</title></head>
<body> O pagina care contine o imagine
<imgsrc=“poza.jpg“border="5" width="350" height="25%">
poza.
</body>
</html>
