ROMNIA

Universitatea Politehnica din Bucuresti

Facultatea de Antreprenoriat, Ingineria si Managementul
Afacerilor

Programarea Calculatoarelor II - Laboratorul 11
Responsabil: Drd. Ing. Bogdan Tiganoaia, bogdantiganoaia@yahoo.com
Obiectivele laboratorului sunt urmatoarele:
Preentarea limba!ului "T#$
$ucrul cu "T#$
Prezentarea limbajului HTML
Cod HTML curat
Codul curat intr-un document HTML inseamna ca acesta sa urmeze toate
specificatiile. In urmatoarele randuri va prezint cateva mijloace da a va pastra codul
HTML curat:.
Nu scrie caracterele speciale in codul HTML, foloseste codul special... Anumite
caractere, de exemplu !, ", #, $ si c%iar , pentru a putea fi vizualizate de
&
'ro(ser tre'uie folosit un cod special. Toate codurile speciale au un format special.
)le incep cu caracterul $ *el insusi nu poate fi vizualizat in 'ro(ser decat daca e
introdus tot cu un cod special+ si se inc%eie cu ,. Codurile speciale pentru aceste
cinci caractere mai jos:
- pentru ! inlocuiti cu $lt, -
- pentru " inlocuiti cu $-t, -
- pentru # inlocuiti cu $cop., -
- pentru $ inlocuiti cu $amp, -
- pentru inlocuiti cu $/uot,
0ro(ser-ul nu interpreteaza decat un sin-ur spatiu li'er, c%iar daca introduceti mai
multe spatii li'ere simultan. 1entru a o'tine mai multe spatii li'ere consecutive,
tre'uie folosit de asemenea un caracter special, si anume $n'sp, .
Foloseste gilimele pentru !alorile din atribute...2e exemplu, pentru o linie orizontala
care este jumatate din lun-imea pa-inii, scrie mai 'ine !%r (idt%3456" decat !%r
(idt%3456".
Nu suprapune tagurile...7uprapunerile apar in momentul cand Tagul 1 incepe, Tagul "
incepe, Tagul 1 se inc%ide, apoi Tagul " se inc%ide. Aceasta va crea erori in unele 'ro(ser-
ele mai delicate.)xemplu:
- Tagurile se suprapun#
!%8"!i"Caut sponsori pentru un nou sit (e'.!9%8"!9i"
- Tagurile nu se suprapun#
!%8"!i"Caut sponsori pentru un nou sit (e'.!9i"!9%8"
:
Tagul de comentarii
In momentul scrierii unui document HTML, cateodata vei dori sa pui scurte notite
pentru a putea interpreta mai 'ine codul HTML, in acelasi timp nu iti doresti ca acele
notite sa apara pe 'ro(ser. 1entru aceasta exista ta-ul de comentarii care se
desc%ide cu !;-- si se inc%ide cu --", tot ce este cuprins intre cele doua ta-uri nu va
aparea in pa-ina ci doar in codul HTML.
$%emplu#
!;-- Acesta este un comentariu --"
Lista neordonata
Lista neordonata sau mai clar nenumerotata este prima din cele trei tipuri de liste din acest
capitol. Acest -en de lista este pro'a'il cea mai uzuala.
$%emplu de lista nenumerotata...
monitor
modem
unitate
mouse
tastatura
&ursa# *remarcati 'ulina dinaintea o'iectului+
!ul"
!li"monitor
!li"modem
!li"unitate
!li"mouse
!li"tastatura
8
!9ul"
Intre ta-ul !ul" si !9ul" se trece lista de o'iecte, fiecare o'iect avand in frunte ta-ul !li". <u
exista limita pentru o'iectele din lista.
Tas' 1# (daugati o lista neordonata intr-o pagina )eb.
Lista ordonata
Lista ordonata, cunoscuta si su' denumirea de lista numerotata este asemanatoare
ca structura listei nenumerotate, exceptia constand in inlocuirea 'ulinei din fata
o'iectului cu un numar. Ta-ul de desc%idere pentru lista ordonata este !ol", iar cel
de inc%idere este !9ol". =iecare o'iect din lista va avea in continuare acelasi ta-
!li".
$%emplu de lista numerotata...
&. monitor
:. modem
8. unitate
>. mouse
4. tastatura
&ursa#*remarcati numarul dinaintea o'iectului+
!ol"
!li"monitor
!li"modem
!li"unitate
!li"mouse
!li"tastatura
!9ol"
>
Tas' "# (daugati o lista ordonata intr-o pagina )eb.
Lista de definitii
? lista care v-ar putea fi folositoare...oarecum. )ste putin mai complicata in structura
dar foarte usor de folosit. Aceasta lista are ca ta- de desc%idere !dl", iar ta- de
inc%idere este !9dl". In aceasta lista mai intalnim inca doua ta-uri: !dt" - termenul
listei de definitie, si !dd" pentru definitia termenului.
monitor
Terminal al calculatorului pentru afisarea video a informatiilor prelucrate.
modem
2ispozitiv periferic care permite calculatoarelor sa receptioneze semnalele.
tastatura
Totalitatea 'utoanele care servesc la comanda masinilor de scris, de
calculat...
&ursa#
!dl"
!dt"monitor
!dd"Terminal al calculatorului pentru afisarea video a informatiilor prelucrate.
!dt"modem
!dd"2ispozitiv periferic care permite calculatoarelor sa receptioneze semnalele.
!dt"tastatura
!dd"Totalitatea 'utoanele care servesc la comanda masinilor de scris, de calculat.
!9dl"
!9ol"
Tas' *# (daugati o lista de definitie intr-o pagina )eb.
4
Fonturile Verdana Arial!
<oile versiuni ale 'ro(ser-elor suporta fonturi de -enul @erdana, Arial..., astfel stilul
fontului fiind diferit de cel normal. Aceasta sc%im'are de font se poate realiza prin
adau-area atri'utului face3numeAfont la ta-ul !font". Cele mai folosite fonturi sunt
@erdana, Arial, Helvetica, Impact, Comic 7ans M7, si inca cateva. <u se recomanda
ca textul pa-inii sa fie dependent de aceste fonturi deoarece unele 'ro(sere mai
vec%i nu le suporta inca.
$%emple#
Verdana
!font size3B: face3@erdana"@erdana!9font"
Arial
!font size3B: face3Arial"Arial!9font"
Helvetica
!font size3B: face3Helvetica"Helvetica!9font"
Impact
!font size3B: face3Impact"Impact!9font"
Comic Sans MS
!font size3B: face3Comic 7ans M7"Comic 7ans M7!9font"
Nota#+aca nu !e,i unul sau mai multe fonturi din cele de mai sus, atunci bro)ser-ul
tau probabil nu le suporta.
C
Culoarea te%tului
7e poate sc%im'a culoarea textului prin adau-area atri'utului
color3culoareaAfontului la ta-ul !font". Culoarea este setatata prin introducerea
codului din sistemul de culori %exadecimal, dar de asemenea se poate seta in
'ro(ser-ele noi doar prin introducerea numelui culorii in en-leza.
$%emplu de te%t colorat#
Nu imi place sa merg la concerte!
!font size3B: face3Impact color3-reen"<u imi place sa mer- la concerte;!9font"
Tas' -# Imbunatatiti pagina !oastra )eb creata in laboratorul precedent cu
elemente in!atate in cadrul laboratorului.
0i'lio-rafie: %ttp:99(((.e-la'orator..net
D