HTML

Structura unui document HTML(HyperText Makup Language)
<head>
antetul documentului
</head>
<body>
corpul documentului
</body>
Exemplu:
<head>
<title> ntroducere in limba!ul HTML </title>
</head>
<body>
"agina de #tart
</body>
<br> eticheta utili$ata pentru trecerea pe linie noua
%lementul <body> admite urm&toarele atribute'
bgcolor=culoare (culoare de (undal)unde culoare #e poate preci$a utili$)nd denumiri
prede(inite(*%+, -*%%.) #au con#truin culori(modelul *-/) 0rrggbb
text=culoare
background=URL (1*L e#te un 2ir de caractere ce con3ine adre#a unei imagini utili$ata pentru
(undal)
Formatarea textului la nivel de paragraf
<p></p> etichete utili$ate pentru delimitarea paragra(elor
4tribute admi#e de eticheta</p> '
align5le(t6center6right6!u#ti(y
Formatarea textului la nivel de caracter
<font></font>
4tribute admi#e de eticheta</(ont> '
#i$e57aloare(numar cuprin# intre 8 2i 9 #au :n/;n indic)nd caractere cu n marimi mai mari/mici)
color5culoare
(ace5li#ta de (onturi(de(ine2te o li#t& de (onturi, dintre care bro<#er;ul 7a alege primul di#ponibil)
%xemplu '
<p align5center> %xemplu de text </p>
<p> <(ont #i$e58 (ace5courier ne<> =ont courier ne< de dimen#iune 8</(ont></p>
<p> <(ont #i$e5> (ace5arial> =ont 4rial de dimen#iune ></(ont></p>
plicarea unor efecte a!upra textului(pentru a aplica unei $one de text un anumit e(ect, #e incadrea$&
textul ?ntre perechile de etichete core#pun$&toare)'
<i></i> text #cri# cur#i7
<u></u> text #ubliniat
<b></b>text #cri# ?ngro2at
<big></big> textul e#te #cri# mai mare
<#mall></#mall> textul e#te #cri# mai mic
<#trike></#trike> textul e#te #cri# taiat
%xemplu'
<i><b> @onbina doua e(ecte</b></i>
"epararea textului prin linii ori#ontale$ #e reali$ea$& (olo#ind controlul <hr>
4tribute admi#e de eticheta<hr> '
#i$e
<idth(#& nu (ie tra#at& pe ?ntreaga l&3ime a ecranului)
align
color
no#hade(#a nu aib& umbr&)
Exemplu :
<hr #i$e58A <idth5>AB color5red align5center>
Li!te ordonate%cu elemente numerotate&$ bro<#erul pla#ea$& automat ?naintea (iec&rui element un
num&r de ordine
;controalele pentru li#ta ordonat& '<ol> </ol>
;(iecare element din li#t& e#te precedat de <li>
%xemplu '
<ol>
<li>prima linie
<li>a doua linie
<li>a treia linie
</ol>
4tribute admi#e de eticheta<ol> '
type(care poate lua 7alorile 8(numerotare cu ci(re 8,C,DEE), a(litere mici), 4(litere mari), i(ci(re romane
mici), (ci(re romane mari))
#tart5numar (7aloarea de la care ?ncepe numerotarea)
4tribute admi#e de eticheta<li> '
7alue5numar
Li!te neordonate%!au marcate&$ (iecare element e#te precedat de un marcator
;controalele pentru li#ta ordonat& '<ul> </ul>
;(iecare element din li#t& e#te precedat de <li>
'n!erarea imaginilor
<img #rc5numeEexten#ie>
%xemplu' <img #rc5 po$aE!pg >
4tribute admi#e de eticheta<img> '
alt5text(#peci(ica un text alternati7 care #e a(i2ea$& ?n locul imaginii)
height57aloare (?nal3ime; exprimat& ?n num&r de pixeli #au procente)
<idth57aloare (l&3ime exprimat& ?n num&r de pixeli #au procente)
align57aloare(top,middle,bottom,le(t,right)(alinierea imaginii (a3& de text)
border5num&r pixeli
'n!erarea leg(turilor
<a> </a>
4tribute admi#e de eticheta<a> '
hre(51*L (#peci(ic& adre#a re#ur#ei la care (ace leg&tura)
Exemplu
<a hre(5 bEhtml> Legatura catre pagina bEhtml </a>
'n!erarea tabelelor
<table></table>
4tribute admi#e de eticheta<table> '
align=left ) center ) rig*t (#peci(ic& modul de aliniere a tabelului ?n document)
+idt*=valoare (L&3imea ?ntregului tabelE Faloarea poate (i #peci(icat& ?n num&r de pixeli #au ?n
procente )
*eig*t=valoare (?n&l3imea tabelului)
border=valoare(#peci(ic& Gca num&r de pixeli; gro#imea liniei chenarului din !urul tabelului)
bgcolor=culoare(culoare de (ond pentru tabel)
cell!pacing=valoare(#peci(ic& #pa3iul dintre celule 2i marginile tabelului)
cellpadding=valoare(#peci(ic& #pa3iul dintre chenarul celulei 2i con3inutul #&u)
@on3inutul elementului table e#te con#tituit din liniile tabeluluiE Speci(icarea unei linii #e reali$ea$& cu
a!utorul controalelor <tr></tr> %,able Ro+&
-b!: controlul</tr> e#te op3ional
Speci(icarea celulelor care con#tituie o linie#e reali$ea$& prin intermediul controalelor'
<t*>%table header) pentru celulele ce con#tituie antetul
<td> (table data) pentru celulele care 7or con3ine in(orma3iile din tabel
%lementele <th>,<td> admit urm&toarele atribute'
ro+!pan5numar de linii (#peci(ic& num&rul de linii HacoperiteH de celula re#pecti7&E Faloarea
implicit& e#te 8E Faloarea A #peci(ic& (aptul c& acea#t& celul& acoper& toate liniile de la cea
curent& p)n& la ultima)
col!pan5num&r de coloane ( pentru coloane)
+idt*=valoare (l&3imea celulei)
*eig*t=valoare (?n&l3imea celulei)
%lementele <tr>.<t*>.<td> admit atributul align pentru alinierea con3inutului'
4linierea pe ori$ontala a continutului unei celule #e (ace cu a!utorul atributului align care poate lua
7alorile'
I le(t I ( la #tanga )J
I center I ( centrat , 7aloarea pre#tabilita )J
I right I ( la dreapta )J
4linierea pe 7erticala a continutului unei celule #e (ace cu a!utorul atributului valign care poate lua
7alorile'
I bottom I ( !o# )J
I middle I ( la mi!loc, 7aloarea pre#tabilita )J
I top I ( #u# )E
Exemplu:
<table border5C>
<tr> <Kprima linie antet>
<th ro<#pan5C> .rEcrtE
<th ro<#pan5C> .umele #i prenumele
<th col#pan5D> .ote
<tr> <Ka doua linie antet>
<th> LbE romana
<th> Matematica
<th> n(ormatica
<tr>
<td> 8
<td> "ope#cu Fa#ile
<td> 8AEAA
<td> LEAA
<td> ME>A
<tr>
<td> C
<td> .edelcu Maria
<td> LEAA
<td> LE>A
<td> LEC>
</table>

HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Structura unui document HTML(HyperText Makup Language)

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