Sunteți pe pagina 1din 3

Pagini Web Pagini Web

Laborator 1

Pentru a putea publica informaii pe Internet este necesar s le organizm sub forma unor pagini web. n principiu, o pagin web este o combinaie de text, imagini i alte elemente care poate fi transmis pe Internet spre a fi afiat de un program de navigare (Internet Explorer, Netscape Navigator, Opera etc). Realizarea paginilor web se face cu ajutorul unui limbaj specializat denumit HTML (HiperText Mark-up Language). Limbajul HTML a fost creat de ctre Tim Berners-Lee i Daniel Connoly.

I.

Introducere HTML este un limbaj bazat pe etichete (denumite i marcatori sau tag-uri) care sunt specifice pentru fiecare element descris. O etichet este un cuvnt cheie care indic realizarea unei anumite operaii asupra unei zone din pagin. O etichet este un identificator care furnizeaz browser-ului instruciuni de formatare a documentului. Pentru a fi delimitate, etichetele HTML sunt ncadrate ntre paranteze unghiulare (< >). Descrierea celor mai multe elemente ale unui document HTML necesit o etichet de nceput (<ETICHET>) i o etichet de sfrit (</ETICHET>). Exemplu: Pentru a scrie cursiv Pagini web se ncadreaz textul ntre etichetele <I> i </I> astfel: <I>Pagini web</I> Exist, ns i cteva excepii cum ar fi operaia de trecere la linie nou (eticheta <BR>) care nu are etichet de sfrit deoarece este inutil. Numrul de etichete HTML i structura lor difer n funcie de pagina care este construit. Exist cte etichete HTML care se regsesc n mod obligatoriu n orice pagin web. Acestea sunt: <HTML> </HTML> desemneaz nceputul i sfritul paginii web; <HEAD> </HEAD> indic antetul paginii web; aici se specific ntotdeauna titlul paginii alturi de care se mai pot plasa i alte informaii referitoare la pagina respectiv; <BODY> ... </BODY> indic corpul paginii web; n aceast zon se plaseaz informaiile propriu-zise care se vor afia de ctre programul de navigare la deschiderea paginii web. II. Structura unui document HTML Un document HTML este delimitat de perechea de etichete <HTML> i </HTML> i este constituit din: 1. antetul documentului, delimitat de etichetele <HEAD> i </HEAD>, care conin informaii generale referitoare la document (titlul documentului, autor etc.). Titlul documentului va fi afiat n bara de titlu a ferestrei browser-ului. Pentru a preciza titlul documentului, care nu poate depi 64 de caractere, se utilizeaz n seciunea antet etichetele pereche <TITLE> i </TITLE>, ntre care se scrie titlul documentului. Exemplu: <HTML> <HEAD> <TITLE>Arhitectura sistemelor de caclul</TITLE> </HEAD> ... </HTML> Pentru a specifica n antet i alte informaii suplimentare (data crerii, copyright etc.) se utilizeaz eticheta <META>. Exemplu: <META> NAME=Autor CONTENT=Anatol Edmond n exemplu se observ c eticheta <META> admite atributele: NAME care conine un ir de caractere ce reprezint numele proprietii i CONTENT care conine valoarea asociat proprietii respective.

2. corpul documentului care conine textul propriu-zis al documentului, precum i elementele specifice de
descriere a formatului acestuia.

Pagini Web

Laborator 1

Corpul documentului poate fi delimitat de etichetele pereche <BODY> i </BODY> sau (n cazul n care este descris structura cadrelor din document) de etichetele pereche <FRAMESET> i </FRAMESET>. Astfel, structura general a unui document HTML poate fi: <HTML> <HEAD> ... antetul documentului </HEAD> <BODY> ... corpul documentului </BODY> </HTML> Elementul <BODY> admite urmtoarele atribute: BACKGROUND = URL URL este un ir de caractere ce reprezint adresa web a unei imagini care va fi utilizat de ctre browser ca fundal (background) pentru document. BGCOLOR = culoare Atributul BGCOLOR (BackGround COLOR) stabilete culoarea fundalului (culoarea zonei din fereastra browserului n care este vizualizat documentul). n HTML culorile se pot specifica n dou moduri: - utiliznd denumiri predefinite asociate unor culori (Red rou, Green gri, Blue albastru etc.); - construind culori proprii prin combinarea a trei culori de baz rou, verde, albastru (modelul RGB). n acest caz, specificarea unei culori se face indicnd n ordinea rou, verde i albastru trei culori hexazecimale cuprinse ntre 00 i FF, cte una pentru fiecare culoare de baz: #rrggbb. Valorile respective precizeaz contribuia fiecrei culori de baz a culoarea creat. Exemplu: Culoare Denumire Valoare Culoare Denumire Valoare Negru Black #000000 Verde Green #008000 Alb White #FFFFFF Galben Yellow #FFFF00 Rou Red #FF0000 Albastru Blue #0000FF Argintiu Silver #C0C0C0 Vernil Lime #00FF00 Gri Gray #808080 Msliniu Olive #808000 TEXT = culoare Atributul TEXT stabilete culoarea textului. LINK = culoare Atributul LINK stabilete culoarea cu care vor fi marcare n text link-urile nevizitate. VLINK = culoare Atributul LINK stabilete culoarea cu care vor fi marcare n text link-urile vizitate. ALINK Atributul ALINK stabilete culoarea cu care va fi marcat n text link-ul activ (cel asupra cruia este plasat cursorul mouse-ului). LANG = cod-limb Atributul LANG specific limba n care este redactat textul documentului. Specificarea explicit a limbii poate fi util motoarelor de cutare, sintetizatoarelor de voce, programelor de verificare gramatical i lexical etc. i nu influeneaz modul de vizualizare a documentului. Exemplu: en reprezint limba englez; fr reprezint limba francez; el reprezint limba greac. n cadrul unui document HTML se pot insera comentarii, pe care browser-ul nu le va afia, dar care pot fi utile celor care citesc sau editeaz documentul. Comentariile HTML ncep cu <! i se termin cu ->. Exemplu: <! Acesta este un comentariu -> Trecerea pe un rnd nou se face cu eticheta <br> (de la line break ntrerupere de linie). Aplicaia 1:

Pagini Web

Laborator 1

S se ntocmeasc un site cu denumirea Sisteme de calcul, avnd ca autor numele i prenumele vostru. Site-ul va conine 20 de rnduri, fiecare rnd coninnd textul Arhitectura sistemelor de calcul cu diferite culori.

S-ar putea să vă placă și