Comunicatii Internet 2

Comunica\ii Internet
1. Sintaxa limbajului HTML Dezvoltarea limbajului HTML s-a f`cut [n ideea cre]terii f`r` sacrificarea simplit`\ii. !ist` pu\ine re"uli "enerale de care trebuie s` se \in` seama [n construirea unui document HTML. #iecare document $denumit ]i pa"in`% este alc`tuit din dou` p`r\i& [nceput $sau antet% ' (ead) con\inut ' bod*. +inta!a "eneral` a limbajului HTML este & <nume tag> Textul aferent tag-ului </nume tag> +tructura "eneral` a unui document HTML este & <HTML> <H !"> <TITL >Titlul documentului</TITL > </H !"> <#$"%>Textul documentului propriu-zis</#$"%> </HTML>
C!&IT$L'L (. Tag-uri HTML )e ba*+

Toate ta"-urile au nume incluse [ntre paranteze un"(iulare ,-ta". ]i posibil c/teva atribute care pot lua valori. Ta"urile pot fi nevide, adic` perec(i [ntre care apare te!tul afectat ta"-ului respectiv, sau vide, sin"ulare. Ta"urile nevide sunt de dou` tipuri & de [nceput -01M . ]i de sf/r]it -201M .. 3n continuare vor fi e!emplificate ta"-urile cele mai des folosite. Creerea unui ,ite -ro-riu 1n site propriu, cunoscut ]i sub denumirea de .ome-age, are rolul de a v` prezenta eventualilor vizitatori. !ist` pe 3ntenet citeva sute de mii de astfel de pa"ini, iar num`rul lor este [n continu` cre]tere. 0u vom discuta aici aspectele privind publicarea pa"inilor, [nscrierea lor [n motoarele de cùtare etc. 4ute\i scrie fi]ierele cu un editor te!t oarecare $un 05T 46D [n 7indo8s este e!celent% pe care le salva\i [n directorul indicat la [nceputul lucr`rii. 5rice pa"in` trebuie s` aib` un titlu, deci nici a dvs. nu trebuie s` i"nore acest lucru. +` [ncepem a]adar cu o pa"in` care nu are titlu&
-HTML. -H 6D. -T3TL . -2T3TL . -2H 6D. -95D:. -295D:. -2HTML. 6m denumit aceas` pa"in` H$M .HTML. Dvs. pute\i s` o numi\i oricum, numai s` re\ine\i numele dat pentru a putea vizualiza rezultatul [n bro8ser-ul curent. Dup` cum vede\i [n bro8ser, pa"ina nu con\ine absolut nimic, ]i nu are nici titlu. Titlul este prezent pe bara superioar` a ferestrei, bara meniului sistem. 6ici ave\i numele pa"inii, cu directorul [n care se afl`, precum ]i numele bro8ser-ului. +` vedem cum putem adù"a un titlu acestei pa"ini. Ta"-ul aferent titlului pa"inii este reprezentat prin -T3TL . ]i este un ta" nevid $v` reaminti\i c` ta"-urile nevide sunt cele care au perec(i [n reprezentare cum este cazul de fa\` cu -T3TL . ]i -2T3TL .%. Deci pa"ina cu titlu va ar`ta astfel & -HTML. -H 6D. -T3TL .3onescu Marius Homepa"e ;-2T3TL . -2H 6D. -95D:.-295D:. -2HTML. +c(imbarea s-a produs pe bara de titlu unde apare te!tul introdus de noi [n ta"-ul -T3TL .. 3ns` [n continuare pa"ina nu con\ine nimic, lucru pe care [l vom remedia imediat& -HTML. -H 6D. -T3TL .3onescu Marius Homepa"e ;-2T3TL . -2H 6D. -95D:.3onescu Marius-295D:. -2HTML. (.1. Stilurile caracterelor <n sf[r]it pa"ina dvs. con\ine ceva, c(iar dac` este vorba numai de un nume. =om analiza [n continuare elementele de formatare a caracterelor. +unt disponibile dou` stiluri & stiluri fizice ]i stiluri lo"ice. Ta"-urile pentru stilurile fizice indic`
bro8ser-ului cum anume s` fie afi]at te!tul marcat. Ta"-urile pentru stilurile lo"ice indic` doar cum anume s` fie utilizat te!tul marcat, nu ]i cum anume s` fie afi]at.Ta"-urile stilurilor lo"ice indic` doar faptul c` te!tul este o defini\ie, o por\iune de te!t care trebuie scoas` [n eviden\` [n raport cu conte!tul. ste complet la latitudinea bro8ser-ului $]i uneori a utilizatorului acestuia% s` determine cum va fi afi]at te!tul marcat cu aceste ta"-uri, dac` va fi [n"ro]at, italic sau [n alt fel.6t/t ta"-urile fizice c/t ]i cele lo"ice sunt ta"uri nevide. +` vedem [n continuare care sunt ta"urile corespunz`toare celor dou` stiluri &
+tiluri fizice & 0ume ta" -9....-29. -3....-23. -TT....-2TT. +tiluri lo"ice & 0ume ta" - M....-2 M. -+T>50?....-2+T>50 ?. -@5D ....-2@5D . -+6M4....-2+6M4. -A9D....-2A9D. -=6>....-2=6>. -D#0....-2D#0. -@3T ....-2@3T . 1tilizare Te!t accentuat Te!t accentuat mai puternic dec/t [n cazul - M. +ecven\` de cod afi]at` cu font fi! $e!. @ourier% ]antion) similar cu -@5D . Te!t tastat de utilizator 0ume de variabil` Defini\ie) cuv/nt ce va fi definit @itat 1tilizare Te!t [n"ro]at Te!t italic Te!t monospa\iat $t*pe8riter%
+` vedem cum folosim stilurile fizice. 4a"ina noastr` con\ine doar un nume. =om adù"a [n continuare data ]i locul na]terii. @on\inutul pa"inii devine urm`torul& -HTML. -H 6D. -T3TL .3onescu Marius Homepa"e ;-2T3TL . -2H 6D.
-95D:. -9.3onescu Marius-29. -TT.Data si locul nasterii & -2TT. -3.BC.mai.BDEF 9ucuresti-23. -295D:. -2HTML. De]i [n mod normal ne-am a]tepta ca pe ecran s` avem trei linii, tot te!tul se va "asi pe o sin"ur` linie. 4entru a corecta acest lucru vom introduce un nou ta". 6cesta este <#/> ]i determin` trecerea la linia urm`toare. ste un ta" vid. #olosirea lui [n e!emplul nostru este ar`tat` mai jos& -HTML. -H 6D. -T3TL .3onescu Marius Homepa"e ;-2T3TL . -2H 6D. -95D:. -9.3onescu Marius-29. -9>. -TT.Data si locul nasterii & -2TT. -3.BC.mai.BDEF-23. -295D:. -2HTML. 4entru a asi"ura un spa\iu mai mare [ntre r/nduri atunci se folosesc mai multe ta"uri -9>.) de e!emplu -9>.-9>. va asi"ura un spa\iu de dou` linii libere. <n mod asem`n`tor cu ta"urile pentru stilul fizic, se pot folosi ]i ta"-urile pentru stilurile lo"ice. 3nsera\i listin"ul de mai jos [n fisierul HTML, [nainte de ta"ul -295D:. ]i observa\i stilurile cu care sunt afi]ate te!tele respective. - M.Te!t accentuat-2 M. -+T>50?.Te!t puternic accentuat-2+T>50?. -@5D .+ecventa de cod-2@5D . -+6M4. santion-2+6M4. -A9D.Te!t tastat de utilizator-A9D. -D#0.Definitie-2D#0. -@3T .1n scurt citat-2@3T . <n urm`toarea ima"ine pute\i vedea cum se prezint` stilurile fizice ]i cele lo"ice. >ealiza\i fi]ierul HTML din fi"ura B-G.
#i". C-BB
(.(. Titluri +` revenim la documentul HTML [n forma [n care se afla [nainte de utilizarea stilurilor lo"ice. 0umele autorului, de]i scris cu caractere [n"ro]ate, nu iese [n eviden\` [n raport cu con\inutul pa"inii. De aceea autorii limbajului HTML au propus folosirea unor titluri cu ajutorul ta"-urilor. 9ine[n\eles c` e!ist` posibilitatea format`rii unui titlu [n forma dorit` de noi, ceea ce [nseamn` scrierea de cod suplimentar dac` titlul respectiv este te!t, sau c(iar creerea unei ima"ini cu ajutorul unui editor de ima"ini ]i inserarea acesteia [n document. 6cest lucru presupune c(eltuirea unui timp suplimentar ]i autorii HTML-ului au propus folosirea titlurilor de diferite nivele pentru pa"inile care nu folosesc "rafic` la nivel de titlu. !ist` H nivele de titluri, care au afectate urm`toarele ta"-uri nevide & 0ume ta" -HB....-2HB. -HC....-2HC. -HI....-2HI. -HG....-2HG. -HF....-2HF. 1tilizare Titluri de Titluri de Titluri de Titluri de Titluri de nivel nivel nivel nivel nivel B C I G F
-HH....-2HH. Titluri de nivel H 4entru a observa modul cum este afi]at te!tul la folosirea unui astfel de ta", modifica\i linia <#>Ione,cu Mariu,</#> succesiv [n <H1><#>Ione,cu Mariu,</#></H1> <H(><#>Ione,cu Mariu,</#></H(> ,etc. #i"ura B-F arat` cum se vor vedea titlurile de nivelB p/n` la nivel H [n acela]i bro8ser.
#i". C-CB (.0. Li,te Listele sunt des folosite [n pa"inile de 8eb. 5 pa"in` ce folose]te liste pare mai bine or"anizat`. !ist` mai multe tipuri de liste & liste ordonate, liste neordonate, liste meniu, liste director, liste de defini\ii. Listele pot fi imbricate ]i indiferent de tipul listei, toate au c/teva elemente comune & <ntrea"a list` este [ncadrat` de ta"-uri de [nceput ]i de sf/r]it de list`) #iecare element al listei are propriul lui ta". Listele ordonate sunt incluse [ntre ta"-urile -5L. ]i -25L. $ordered list%. #iecare element este introdus [n list` cu ajutorul ta"-ului vid -L3.. 3at` un e!emplu de list` ordonat`, [mpreun` cu ima"inea ei [n bro8ser& -5L. -L3.BDJB-BDJD +coala "en. nr.BG 9ucuresti -L3.BDJD-BDDI Liceul K?(e. LazarK 9ucuresti
-L3.BDDI-BDDJ #ac. @ibernetica, 6+ 9ucuresti -25L.
#i". C-IB +e observ` c` bro8ser-ul numeroteaz` lista [ncep/nd cu B. +tandardul HTML G.L prevede parametri care pot fi adù"a\i listelor ordonate. 6ce]tia sunt & +T6>TMnumber determin` bro8ser-ul s` numeroteze [ncep/nd cu number T:4 M[1|a|A|i|I] determin` bro8ser-ul s` foloseasc` un anumit stil pentru numerotare <n fi"ura de mai jos ave\i un e!emplu de liste ordonate ce folosesc parametrii men\iona\i mai sus
#i". C-IC
Listele neordonate sunt incluse [ntre ta"-urile -1L. si -21L. $unsorted list%. #iecare element este introdus [n list` cu ajutorul ta"-ului vid -L3.. lementele listei neordonate vor fi afisate pe ecran cu buline. <n fi"ura urm`toare se poate
observa cum arat` o list` neordonat`, adau"at` la fi]ierul din e!emplul anterior. #i". C-F +tandardul HTML G.L admite ca parametru al listei neordonate elementul T:4 [n urm`toarea form` & T:4 M[disc|square|circle] determin` bro8ser-ul s` foloseasc` un anumit stil de bulin`. De asemeni, listele pot fi imbricate, a]a cum se observ` [n e!emplul de mai jos. <n cadrul listei neordonate am inclus o alt` list` neordonat`, dar cu un alt stil de reprezentare al bulinelor. 4uteam desi"ur s` introducem [n cadrul listei neordonate ]i o list` ordonat`, sau orice alt tip de list`. Listin"ul sec\iunii ce descrie lista neordonat` este dat mai jos. -3.Hobb*-uri-23. -1L. -L3.6lpinism -L3.Masini sport -1L T:4 MsNuare. -L3.#errari #FL -L3.6ston Martin GLL -21L. -L3.4arasutism
-21L.
#i". C-H Listele meniu ]i listele director se definesc [n felul urm`tor & -M 01. -L3.4rimul element -L3.6l doilea element -L3.6l treilea element -2M 01. -D3>. -L3.#isiere -L3.Directoare -2D3>. Listele de defini\ii sunt u]or diferite de celelalte liste. #iecare element al listei este alc`tuit din dou` p`r\i& termenul de definit ]i defini\ia sa. Listele de defini\ii de construiesc folosind ta"-ul nevid -DL., iar fiecare element este inserat cu ajutorul ta"-ului -DT. iar defini\ia elementului cu ajutorul ta"-ului -DD.. 1n e!emplu de list` de defini\ii este urm`torul & -HI.Lista de definitii-2HI. -DL. -DT.HTT4 $H*perTe!t Transfer 4rotocol% -DD.1n protocol pentru transferul documentelor (ipermedia prin 3nternet -DT.#T4 $#ile Transfer 4rotocol%
-DD.1n protocol la nivel aplicatie utilizat la transferul fisierelor intre doua calculatoare ce pot comunica intre ele folosind setul de protocoale T@4234 -2DL.
#i". C-E

Comunicatii Internet 2

Î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

Comunicatii Internet 2

Încărcat de

Drepturi de autor:

Formate disponibile

Comunica\ii Internet

C!&IT$L'L (. Tag-uri HTML )e ba*+

-L3.BDDI-BDDJ #ac. @ibernetica, 6+ 9ucuresti -25L.

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