ROMNIA

Universitatea Politehnica din Bucuresti

Facultatea de Antreprenoriat, Ingineria si Managementul
Afacerilor

Programarea Calculatoarelor II - Laboratorul 8
Responsabil: Drd. Ing. Bogdan Tiganoaia, bogdantiganoaia@yahoo.com
Obiectivele laboratorului sunt urmatoarele:
Preentarea limba!ului "T#$
$ucrul cu "T#$
Prezentarea limbajului HTML
Heading-uri
Heading-urile sunt unele dintre cele mai importante taguri din continutul (body) al
unui document HTML. Tagul de deschidere pentru heading este <hn> si cel de
inchidere fiind </hn> unde n repre!inta marimea heading-ului" acesta #ariand de la
$ la % ($ fiind cel mai mare iar % cel mai mic).
$
Exemple:
Coyotul pregateste capcane. {Heading 1
sursa& <h$> 'oyotul pregateste capcane. (Heading $)</h$>
Coyotul pregateste capcane. {Heading !
sursa& <h*> 'oyotul pregateste capcane. (Heading *)</h*>
Coyotul pregateste capcane. {Heading "
sursa& <h+> 'oyotul pregateste capcane. (Heading +)</h+>
Coyotul pregateste capcane. {Heading #
sursa& <h,> 'oyotul pregateste capcane. (Heading ,)</h,>
Coyotul pregateste capcane. {Heading 5}
sursa& <h-> 'oyotul pregateste capcane. (Heading -)</h->
Coyotul pregateste capcane. {Heading $
sursa& <h%> 'oyotul pregateste capcane. (Heading %)</h%>
%as& 1: %estati comen'ile pentru (eading-uri.
Linii ori'ontale
Liniile ori!ontale sunt folosite pentru a separa diferite arii intr-o pagina .eb. Tagul
pentru linie ori!ontala este <hr>/ aceasta comanda nu are tag de inchidere. 0 se pot
adauga acetui tag diferite atribute/ ca& .idth1n (pentru lungimea liniei) sau .idth1n2
(pentru lungimea liniei raportate la toata lungimea ecranului)/ si!e1n (pentru linie
ingrosata dar transparenta) si noshade (pentru linie ingrosta plina). 3n tag <hr> fara
atribute #a fi interpretat ca linia sa aiba toata lungimea paginei.
Exemle:
sursa: <hr width=50>
sursa: <hr width=40%>
sursa: <hr size=8>
sursa: <hr noshade>
*
Nota:Se pot folosi mai multe atribute intr-un tag
<hr width=!0% size="# noshade>
Paragrafe
4aragrafele se folosesc destul de des in HTML/ la fel ca in scriera unei po#esti/
carti/ etc..Tagul de deschidere pentru paragraf este <p>/ iar cel de inchidere este
</p>. Tagul de inchidere pentru paragraf nu este intotdeauna necesar dar se
recomanda folosirea lui.
Exemplu: (o perla de la 56')
0n 7obieschi si romanii autorul descrie cum o mina de plaiesi au re!istat
asediului perfid al puternicei armate din 0asi. 0n final/ plaiesii/ se predau in mod eroic/
lasind cetatea neamtului.
)ursa: <p> 0n 7obieschi si romanii autorul descrie cum o mina de plaiesi au
re!istat asediului perfid al puternicei armate din 0asi. 0n final/ plaiesii/ se predau in
mod eroic/ lasind cetatea neamtului.</p>
%as& !: %estati comen'ile pentru liniile ori'ontale* paragra+e.
Formatul textului
8 pagina .eb fara un format anume al te9tului #a arata plictisitoare. :e aceea se
folosesc aceste taguri pentru te9t (bold/ italice/ subliniat).'ate#a taguri cunoscute
pentru formatul te9tului sunt <b> si </b> pentru bold/ <i> si </i> pentru italice/ <u> si
</u> pentru subliniat. 4entru dimensiunea te9tului se folosesc tagurile <font si!e1n>
si </font>.
Exemplu:
Ema este o fata foarte frumoasa.
)ursa:<b>;ma</b> <i>este</i> <u>o fata</u> <font si!e1<*>foarte frumoasa.</font>
+
,tribute de aliniere in pagina
Multe taguri suporta atribute de aliniere in pagina" aliniere la stanga/ in centru/ la
dreapta. 6tributul align se atasea!a tagului de deschidere inaintea semnului >.
Exemple:
Aliniere stanga
<h# align=left>$liniere stanga<%h#>
Aliniere centru
<h# align=&enter>$liniere &entru<%h#>
Aliniere dreapta
<h# align=right>$liniere dreapta<%h#>
Sfarsitul randului
Tagul pentru sfarsit de rand este <br>. =aptul ca incepeti un rand nou inauntrul
editorului in format te9t nu are nici o importanta pentru bro.ser. 6tata timp cat nu
intalneste o eticheta <br> bro.serul afisea!a te9tul incontinuu/ dintr-un capat in
celalalt al ferestrei bro.serului. 6cest tag nu are un altul pentru inchidere.
;9emplu fara tag de sfarsit de rand&
8 cafea. :oua 'afele. Trei cafele.
7ursa&
8 cafea.
:oua cafele.
Trei cafele.
;9emplu cu tag de sfarsit de rand&
8 cafea.
:oua cafele.
Trei cafele.
,
7ursa&
8 cafea.<br>
:oua cafele.<br>
Trei cafele.<br>
%as& " : %estati comen'ile pentru +ormatarea textului* alinierea si s+arsitul
randului.
%as& #: Imbunatatiti pagina -oastra .eb creata in laboratorul precedent cu
elemente in-atate in cadrul laboratorului.
5ibliografie& http&//....e-laboratory.net
-