Documente Academic
Documente Profesional
Documente Cultură
Pagina
Structura unui document Set de caractere Culoare fond si text page.html - linii Legaturi Ferestre Linii de delimitare
Font
Antet Dimensiune font Marcare fizica Marcare logica Culoare font Ti uri de fonte !ntitati
Text
Paragraf Centrare in agina "ru are text Liste Liste marcate Texte reformatate
1
Imagini
Declarare imagine Imagini si text Pozitionare imagini Titlu imagine Linia de contur Imagini senziti#e
Formulare
Structura unui formular Text si arola C$ec%&ox si radio Coordonate imagine !lemente ascunse Meniu selecta&il Su rafata text
Ta&el
!lemente de ta&el Dimensionare ta&ele Afisare text in ta&el Asezare ta&el in agina Titlu de ta&el
Ta&ele s eciale
Culoare ta&el "ru uri de ta&ele
2
Frame
Structura frame Dimensiune frame Tinte intr'un frame Atri&ute frame
Mar(uee
Structura de &aza ' Mar(uee Atri&ute de scroll Sc$ita ' Mar(uee
PA"INA
Structura unui document
</BODY> </HTML>
Set de caractere
)meta $tt 'e(ui#./Content'T- e/ content./text,$tml0c$arset.1/* 1. us'ascii2 iso'3345'62 x'mac'roman2 iso'3345'72 x'mac'ce2 iso'7877'9 2 x's9is2 x'euc'9 2 euc'%r2 iso'7877'%r2 g&7:672 g&;7:67'382 x'euc't<2 x'cns66=>:'62 x'cns66=>:'72 &ig4
Se poate specifica codul setului de caractere pentru fiecare document HTML. Se utilizeaza pentru cei care vor sa scrie cu alt set de caractere decat cel implicit. Daca codificatorul se specifica in documentul HTML !ro"serul poate schim!a automat in setul de caractere precizat. #n special cand se folosesc alte entitati este !ine sa se specifice setul de caractere $de e%& iso-''()-1*. +ntitatile vor aparea modificate la accesarea documentului de catre alte !ro"sere.
-lac, Teal
. /0111111/ . /011'1'1/
2live 3ed
5
. /0'1'111/ . /0441111/
Margini
Marginea stanga )&od- leftmargin.1* Marginea su erioara )&od- to margin.1* 1.dimensiunea marginii
Legaturi
Legatura la o agina din document )a $ref./1nume/* +++ ),a* )a name./nume/* +++ ),a*
<a "re#$%(salt%>)alt la rmatoarea %le'at ra%</a><*> <a name$%salt%>Le'at ra</a> (
Ferestre tinta
Linii de delimitare
@air Line)$r*
<"r>
)$r size.1*
<"r si-e$./>
)$r <idt$.1*
<"r 0idt"$1/> <"r 0idt"$1/2>
)$r nos$ade*
<"r nos"ade>
)$r color.1*
0.rrgg!! numar he%azecimal sau numele culorii&
FANT
Antet
multi aniB
multi aniB
multi aniB
multi aniB
multi aniB
multi aniB
?hnB---?GhnB intarit. ?hnB---?GhnB insereaza o linie goala fara a fi nevoie de tag-ul ?pB 6u pot afisa fonte de dimensiuni diferite in aceeasi linie.
Dimensiune font
)font size.1* +++ ),font* 1.62 72 :2 >2 42 =2 C or D12 '1 E )&asefont size.1* 1.62 72 :2 >2 42 =2 C E entru toata aginaF
<#ont si-e$3>La m lti ani,</#ont> <#ont si-e$4>La m lti ani,</#ont> <#ont si-e$1>La m lti ani,</#ont> <#ont <#ont <#ont <#ont si-e$5>La si-e$6>La si-e$7>La si-e$.>La m m m m lti lti lti lti e o ortiune de textF
La multi aniD
La multi aniD
La multi aniD
ani,</#ont> La multi aniD ani,</#ont> La multi aniD ani,</#ont> La multi aniD ani,</#ont> La multi aniD
'
Marcare fizica
?!BLa multi aniD?G!B La multi aniB ?iBLa multi aniD?GiB La multi ani! ?uBLa multi aniD?GuB La multi aniD ?ttBLa multi aniD?GttB La m lti ani, ?supBLa multi aniD?GsupB La multi aniD ?su!BLa multi aniD?Gsu!B La multi aniD ?sBLa multi aniD?GsB La multi aniD ?stri,eBLa multi aniD?Gstri,eB La multi aniD
Marcare logica
?emBLa multi aniD?GemB La multi ani! ?strongBLa multi aniD?GstrongB La multi aniB ?codeBLa multi aniD?GcodeB La m lti ani, ?sampBLa multi aniD?GsampB La m lti ani, ?,!dBLa multi aniD?G,!dB La multi ani! ?varBD?GvarB La multi ani! ?dfnBLa multi aniD?GdfnB La multi ani! ?citeBLa multi aniD?GciteB La multi ani! ?smallBLa multi aniD?GsmallB La multi aniD ?!igBLa multi aniD?G!igB La multi aniD
Dimensiuni si atri&ute
<i><#ont si-e$1> <b>La</b> m lti <#ont si-e$4> ani,</#ont> </#ont></i>
La multi ani!
Culoare font
Ti uri de fonte
+%emplu de fonte.
11
!ntitati
G10 1.cu#ant c$eie sau codul ascii
Caractere in @TML7+8
9amp< 9lt< 9't< 9= ot< 9 < > %
T!HT
Paragraf
Aliniere aragraf ) align.1*1.left2 center2 rig$t2 9ustif<p align=left> <p align=center> <p align=right> <p align=justify> =cesta este primul paragraf. =cesta este primul paragraf. =cesta este primul paragraf.=cesta este primul paragraf. +ste un material interesant +ste un material interesant +ste un material interesant +ste un material interesant nu-i asaI nu-i asaI nu-i asaI nu-i asaI
Linie de im artire)&r*
A!esta este<br>prim l para'ra#& =cesta este primul paragraf. 11
Centrare in agina
)center*+++),center*
<!enter>)al t</!enter> Salut
<di: !lass$%se!tion%> <H.>.& >ntrod !ere</H.> >n a!easta se!ti ne se are in :edere&&&& <di: !lass$%s bse!tion%> <H7>.?.& *re-entare</H7> L !rarea repre-inta o parte importanta&&&& </di:> </di:>
6+ Introducere
#n aceasta sectiune se are in vedere....
6'6+ Prezentare
Lucrarea reprezinta o parte importanta....
S an Egru
12
Liste
Liste marcate
=. @6@-@6@ -. @6@-D2#
<ol><li tCpe$a>D;D?D;D <li>D;D?DO></ol>
a. @6@-@6@ !. @6@-D2#
<ol><li tCpe$>>D;D?D;D <li>D;D?DO></ol>
1. @6@-@6@ 2. @6@-D2#
Texte reformatate
) re*+++), re*
<pre> Com ni!atiile a l at amploare& A apar t >nternet? l& <b>A-i se poate !om ni!a in mai m lte #el riA</b> < l><li>@ax <li>*osta <li>*osta ele!troni!a</ l> </pre> Com ni!atiile a l at amploare A apar t >nternet? l A i se p!ate c!munica in mai multe feluri" @ax *osta *osta ele!troni!a
1(
)listing*+++),listing*
<listin'> Com ni!atiile a l at amploare& A apar t >nternet? l <b>A-i se poate !om ni!a in mai m lte #el riA</b> < l><li>@ax < l><li>*osta <li>*osta ele!troni!a</ l> </listin'> ;omunicatiile au luat amploare. = aparut #nternet-ul Azi se oate comunica in mai multe feluri? 4a% :osta :osta electronica
)xm *+++),xm *
<xmp> Com ni!atiile a l at amploare& A apar t >nternet? l <b>A-i se poate !om ni!a in mai m lte #el riA</b> < l><li>@ax <li>*osta <li>*osta ele!troni!a</ l> </xmp> ;omunicatiile au luat amploare. = aparut #nternet-ul Azi se oate comunica in mai multe feluri? 4a% :osta :osta electronica
SPATI!R!
)s acer t- e./$orizontal/ size.1* 1.s atiu e orizontala )s acer t- e./#ertical/ size.1* 1.s atiu e #erticala
>EE> <spa!er tCpe$%"ori-ontal% si-e$1/> AB> <spa!er tCpe$%:erti!al% si-e$1/> MA>;E #+3# =J# M=#6+
)s acer t- e./&loc%/ <idt$.1 $eig$t.1 align.11* 1.s ace size 11.to 2 middle2 &ottom2 left2 rig$t
<spa!er tCpe$%blo!k% 0idt"$.1/ "ei'"t$1/ ali'n$le#t> >EE><br> AB><br> MA>;E 1E
Afisare multicoloane
1F
Alte elemente
Pozitionarea unei ortiuni de text cu un ta& fata de marginea stanga a aginii )&loc%(uote*+++),&loc%(uote*
>n:itatieA <blo!k= ote> C o!a-ia ani:ersarii a ./ ani de la terminarea #a! ltatii s nteti in:itatFaG&&&& </blo!k= ote> #nvitatie&
IMA"INI
Declarare imagine
1'
Imagini si text
@n zam!etD 1)
@n zam!etD 2 singura linie de te%t poate apare de o parte si de alta a unei imagini.
Pozitionare imagini
)img align.left*
<im' sr!$DEL ali'n$le#t>Dn -ambet,<br> Este mere <br> in! raIator&<br> Ha"a"a&&&&<br> @n zam!etD +ste mereu incuraKator. Hahaha....
)img align.rig$t*
@n zam!etD +ste mereu incuraKator. Hahaha....
21
)&r clear.all*
<im' sr!$DEL ali'n$le#t>Dn -ambet,<br> Este mere <br !lear$all> in! raIator&<br> Ha"a"a&&&&<br> @n zam!etD +ste mereu incuraKator. Hahaha....
21
)&r align.center*
<#i' sr!$DEL ali'n$!enter> <!aption><small>Dn -ambet</small> <br ali'n$!enter></!aption> </#i'> @n zam!et
)&r align.rig$t*
@n zam!et
Linia de contur
..LgifGSM#L#68.8#4..LgifGSM#L#68.8#4
Imagini senziti#e
FARMULAR!
22
Structura de &aza
<f!rm acti!n=#url# meth!$=%> &&& &&& <input type=su'mit> <input type=reset> </f!rm> K$JET, *O)T
Intrari
<input type=% name=%%> K$text, pass0ordFparolaG, !"e!kbox, radio, ima'eFima'ineG, "iddenFas! nsG, s bmit, reset KK$; me simboli! pentr n s!ript CJ>
Text si arola
K$text, parola
23
Subm it Query
Reset
C$ec%&ox si radio
Subm it Query
Reset
Coordonate imagine
%2
%5
%E
Reset
!lemente ascunse
2(
Meniu selecta&il
!lementul /select/ )select name.I* )o tion* +++ ),select* )o tion selected* )o tion #alue.II*
<#orm a!tion$/!'i?bin/post?= erC met"od$*O)T> <sele!t name$#r !te> <option>Banana <option sele!ted>Mar <option :al e$@r !t l?pre#erat>*orto!ala </sele!t><p> <inp t tCpe$s bmit><inp t tCpe$reset> </#orm>
Subm it Query Reset
)select size.II*
<#orm a!tion$/!'i?bin/post?= erC met"od$*O)T> <sele!t name$#r !te si-e$6> <option>Banana <option sele!ted>Mar <option :al e$@r !t l?pre#erat>*orto!ala <option>*iersi!a </sele!t><p> <inp t tCpe$s bmit><inp t tCpe$reset> </#orm>
Subm it Query Reset
2E
Su rafata text
Subm it Query
Reset
eF
Subm it Query
Reset
2F
Subm it Query
Reset
TAJ!L!
!lemente ta&el
)ta&le*+++),ta&le* )tr* ' definitie linie de ta&el )t$* ' antet )td* ' date
<table border> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> <tr><td>A</td><td>B</td><td>C</td> </table> Flori Culori Parfum = ; <table> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> <tr><td>A</td><td>B</td><td>C</td> </table> Flori Culori Parfum = ;
2'
Dimensionare ta&ele
2)
)tr #align.1* )t$ #align.1* 1.to EsusF2 middleEmi9locF2 &ottomE9osF2 &aseline )td #align.1*
<table border "ei'"t$.//> <tr> <t">@lori</t"><t">C lori</t"> <t">*ar# m</t"><t">Alt!e:a</t"> <tr> <td :ali'n$top>A</td> <td :ali'n$middle>B</td> <td :ali'n$bottom>C</td> <td :ali'n$baseline>D</td> </table> Flori Culori Parfum Altce#a = ; D 31
)ta&le align.left*
<table ali'n$%le#t% border> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> <tr><td>A</td><td>B</td><td>C</td> </table> @lorile pre#erate&&&<br> tranda#irii, -ambilele, et!& Flori Culori Parfum 4lorile preferate... trandafirii zam!ilele etc. = ;
)ta&le align.rig$t*
4lori preferate... trandafirii zam!ilele etc. Flori = Culori ; Parfum
Titlu de ta&el
Aliniere titlu e orizontala )ca tion align.1* +++ ),ca tion* 1.leftEstangaF2 centerEcentratF2 rig$tEdrea taF
<table border> <!aption ali'n$!enter>@lorarie</!aption> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> <tr><td>A</td><td>B</td><td>C</td> </table> @lorarie Flori = Culori ; Parfum
Aliniere titlu e #erticala )ca tion #align.1* +++ ),ca tion* 1.to EsusF2 &ottomE9osF
valign.implicit este top. <table border> <!aption :ali'n$bottom>@lorarie</!aption> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> 31
TAJ!L! SP!CIAL!
Culoare ta&el
lorerF
<table border> <tr><t" b'!olor$##aa//>@lori</t"> <t" b'!olor$Eed>C lori</t"> <t" ro0span$7 ba!k'ro nd$%ima'ine&'i#%>*ar# m</t"> <tr b'!olor$0"ite><td>A</td><td>B</td> </table>
Flori = -
Culori
Parfum
32
<table !ellspa!in'$1 border$1 border!olorli'"t$8"ite border!olordark$Maroon> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> <tr><td>A</td><td>B</td><td>C</td> </table> Flori = Culori ; Parfum
lorerF
"ru de randuri )t$ead* +++ ),t$ead* ' Antet ta&el )t&od-* +++ ),t&od-* ' Continut ta&el )tfoot* +++ ),tfoot* ' Su&sol ta&el
<table border> <t"ead> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> </t"ead> <tbodC> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>@</td> </tbodC> </table> Flori Culori Parfum = ; D + 4
33
Pro rietati coloane )col s an.1* 1.numarul de coloane afectate )col align.1* 1.left2 rig$t2 center
<table border 0idt"$.4/> <!ol'ro p> <!ol ali'n$!enter span$7> <!ol'ro p ali'n$ri'"t> <t"ead> <tr><t">@lori</t"><t">C lori</t"><t">*ar# m</t"> </t"ead> <tbodC> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>@</td> </tbodC> </table> Flori Culori Parfum = ; D + 4
lorerF
3(
lorerF
FRAM!
3E
Structura frame
Dimensiune frame
)frameset cols.1*
<#rameset !ols$6/2,7/2,1/2> <#rame sr!$%A&"tml%> <#rame sr!$%B&"tml%> <#rame sr!$%C&"tml%> </#rameset> = Exempl - ;
)frameset ro<s.1*
<#rameset ro0s$712,712,1/2> <#rame sr!$%A&"tml%> <#rame sr!$%B&"tml%> <#rame sr!$%C&"tml%> </#rameset> Exempl =
3F
CALAAN! si RANDURI
<#rameset !ols$7/2,K> <#rame sr!$%A&"tml%> <#rameset ro0s$5/2,K> <#rame sr!$%B&"tml%> <#rame sr!$%C&"tml%> </#rameset> </#rameset> Exempl = ;
3'
Tinta s eciala )a $ref.url target.;&lan%* )a $ref.url target.;self* )a $ref.url target.; arent* )a $ref.url target.;to *
+%emplu
Atri&ute frame
S atiu intre frame'uri EI!x lorerF )frameset frames acing.1* 1.dimensiunea s atiului
<#rameset ro0s$6/2,K #ramespa!in'$.//> <#rame sr!$%A!ol&"tml%> <#rameset !ols$6/2,K> <#rame sr!$%B!ol&"tml%> <#rame sr!$%C!ol&"tml%> </#rameset> </#rameset> Exempl
3)
<#rameset ro0s$6/2,K border!olor$red> <#rame sr!$%A!ol&"tml%> <#rameset !ols$6/2,K> <#rame sr!$%B!ol&"tml%> <#rame sr!$%C!ol&"tml%> </#rameset> </#rameset> Exempl ;
51
lorerF
)iframe src.1 name.11* +++ ),iframe* 1.URL 11.numele frame'ului Eca in aragraful Tinte intr'un frameF +++ . sursa $tml entru &ro<ser'e care nu su orta frame'uri
<!enter> <i#rame sr!$%A&"tml% name$%0indo0%> Ai!i este n #rame mobil </i#rame> <br><br> <a "re#$%A&"tml% tar'et$%0indo0%>>n!ar!a A</A><BE> <a "re#$%B&"tml% tar'et$%0indo0%>>n!ar!a B</A><BE> <a "re#$%C!ol&"tml% tar'et$%0indo0%>>n!ar!a C</A><BE> </!enter> Exempl =fiseaza =.html #ncarca = #ncarca #ncarca ;
MARKU!!
Doar entru I!x lorer
51
Atri&ute de scroll
52
Sc$ema Mar(uee
53
lorerF
)&gsound src.1* 1.URL a fisierului <a# )&gsound loo .1* 1.numarul &uclei Ede cate oriF
<b'so nd sr!$%s net&0a:% loop$6> +%emplu
EI!x lorerF
5(