Sunteți pe pagina 1din 5

Coninutul unui document HTML minimal Un fiier codificat n HTML conine de regul dou seciuni: HEAD i BODY.

Exemplu fundamental:

Fig. 1.1 Codul unui fiier html, relizat cu Notepad Pagina conine dou seciuni : Seciunea HEAD (cuprins ntre <HEAD> i </HEAD>) conine antetul paginii. Ea furnizeaz n cazul dat o singur informaie, titlul paginii, cuprins ntre <TITLE> i </TITLE>. Titlul va fi afiat pe bara de titlu a ferestrei de navigare n care este afiat pagina (Internet Explorer). Seciunea BODY (cuprins ntre <BODY> i </BODY>) conine corpul paginii. Cele dou seciuni sunt cuprinse ntre marcajele <HTML> i </HTML> care marcheaz nceputul respectiv sfritul paginii web. 1.5 Introducerea i formatarea textului Marcajele uzuale pentru formatarea textului sunt : <BR> - trecere forat la linie nou ; <NOBR> . . . </NOBR> - interzice trecerea la linie nou exemplu: <NOBR> 0745 225236 </NOBR> <P> . . . </P> - marcaj pentru delimitarea paragrafelor. Marcajul </P> este opional. Acest marcaj admite atributul ALIGN prin care se impune tipul de aliniere care se va aplica textului (LEFT stnga, CENTER centrat, RIGHT dreapta i JUSTIFY - stnga-dreapta). Exemplu : <P ALIGN=CENTER> Contactati-ne la <NOBR> 0745 225236 </NOBR></P> <H1> . . . </H1> - marcaj pentru titlu (heading). Ca i n Word, se pot folosi marcaje diferite pentru titluri de diferite nivele : H1, H2, , H6. Pentru nivelul 4 textul va fi afiat normal. Mrimea caracterelor pentru nivelele 5 i 6 este mai mic dect cea normal. i acest marcaj admite atributul ALIGN : Exemplu : <H1 ALIGN=CENTER> Cresterea cailor de rasa </H1> <CENTER> </CENTER>- determin centrarea textului cuprins ntre marcaje. Titlul anterior se poate scrie i folosind acest marcaj : Exemplu :<CENTER><H1> Cresterea cailor de rasa </H1></CENTER>

<PRE> . . . </PRE> - se folosete pentru a impune programului de navigare, respectarea pentru zona de text cuprins ntre marcaje, a spaiilor i a caracterelor CR (RETURN sau ENTER). De regul programele de navigare ignor caracterele CR, iar o succesiune de mai multe spaii este tratat ca un singur spaiu. Pentru afiarea textului nu se va folosi un font normal, proporional, ci fontul Courier New sau un alt font pentru care toate caracterele au aceeai lime. Exemplu : <PRE> Cantitati : Lapte 2l Fain 650 g Oua 4 buc. </PRE>

Adugarea de spaii suplimentare n alte cazuri se va realiza prin includerea pentru fiecare spaiu suplimentar a irului de caractere "&nbsp;". Similar se procedeaz i pentru adugarea unui caracter special, de exemplu a caracterelor care conin diacritice specifice limbii romne. Astfel pentru a include aceste caractere trebuie folosite secvenele: &icirc; - pentru &acirc; - pentru &atilde; - pentru (n loc de ) &Acirc; - pentru &Icirc; - pentru . Folosind aceste iruri de caractere, textul "doi romni ntr-o gar" va fi scris : "doi rom&acirc;ni &icirc;ntr-o gar&atilde;" Pentru scrierea celorlalte caractere romneti este necesar includerea n seciunea HEAD a marcajului: <META http-equiv=Content-Type content="text/html; charset=windows-1252"> diacriticele putnd fi apoi codificate folosind urmtoarele succesiuni de caractere: &#350; - pentru &#351; - pentru &#354; - pentru &#355; - pentru &#258; - pentru &#259; - pentru

i pentru alte caractere speciale, de exemplu pentru cele folosite la scrierea marcajelor, trebuie folosite secvene de caractere: &lt; pentru < &gt; pentru > &amp; pentru & Exerciiu : Scriei ntr-o pagin web poezia de mai jos. Fiecare strof va fi un paragraf, astfel asigurndu-se spaierea acestora. Numai una! de George Cobuc Pe umeri pletele-i curg ru Mldie ca un spic de gru, Cu orul negru prins n bru, O pierd din ochi de drag.

i cnd o vd, nglbenesc ; i cnd n-o vd, m-mbolnvesc, Iar cnd merg alii de-o peesc, Vin popi de m dezleag. Marcajul <!-- --> permite scrierea n pagina web a unui comentariu. Exemplu : <!- - Mai trebuie doar o poza si e gata - -> 1.6 Marcaje pentru modificarea aspectului textului <B> </B> - pentru marcarea textului de scris bold ; <I></I> - pentru marcarea textului de scris cursiv (italic) ; <STRIKE></STRIKE> - pentru marcarea textului care se scrie barat ; <U></U> - pentru marcarea textului care se scrie subliniat ; <SUP></SUP> - pentru marcarea textului care va fi scris ca exponent ; <SUB></SUB> - pentru marcarea textului care va fi scris ca indice ; <BIG></BIG> - pentru marcarea textului care va fi scris mrit ; <SMALL></SMALL> - pentru marcarea textului care va fi scris micorat ; <FONT FACE=""></FONT> - determin schimbarea fontului curent. ntre ghilimele se introduce numele fontului dorit i eventual unul sau mai multe fonturi de substituie, care vor fi utilizate dac pe calculatorul care afieaz pagina, primul font specificat nu este instalat. Exemplu : <FONT FACE="CountryBlueprint, Arial"> Scrisoare din armat </FONT> va afia textul fie cu fontul CountryBlueprint fie, n lipsa acestuia, cu Arial. <FONT SIZE="n"></FONT> - determin scrierea textului cuprins ntre marcaje, cu caractere de mrimea n. Mrimea este o valoare ntre 1 (caracterele cele mai mici) i 7 (caracterele cele mai mari). Valoarea 3 este cea implicit. <BASEFONT SIZE="n"> - se plaseaz n seciunea BODY naintea textului paginii i impune mrimea fontului. Numrul n este o valoare ntre 1 (fontul cel mai mic) i 7 (fontul mai mare). Textele marcate ca i titluri (cu <H>) nu sunt afectate. <TT></TT> - determin imprimarea textului dintre marcaje cu caractere avnd aceeai lime, ca i cele imprimate cu o main de scris.

1.7 Marcaje pentru modificarea culorilor n lipsa unor marcaje prin care se impun alte culori, paginile web conin text scris cu negru pe un fundal de culoare alb. Modificarea culorilor implicite se poate realiza adugnd atribute suplimentare marcajelor <BODY> sau <FONT>: <BODY TEXT="#rrggbb"> - realizeaz schimbarea culorii textului pentru toat pagina. Codul "#rrggbb" arat combinaia de rou (rr) verde (gg) i albastru (bb) care se va folosi. Valorile sunt n hexazecimal, deci cuprinse ntre 00 i FF. <BODY BGCOLOR="#rrggbb"> - impune culoarea fondului pentru toat pagina. <FONT COLOR="#rrggbb"> . . . </FONT> - impune pentru textul dintre marcaje culoarea "#rrggbb".

a.

Creai cu Notepad fiierul initiere.html

Respectai urmtoarele cerine : culoarea fundalului #FFFFD5 ; linie roie ; primul aliniat font Times New Roman, albastru ; al doilea aliniat font Arial, portocaliu ; al treilea aliniat font Courier New, verde ; ultimul aliniat font Comic Sans MS, negru.

<HTML> <HEAD><TITLE>Turism virtual</TITLE></HEAD> <BODY bgcolor="#FFFFD5"> <BASEFONT size="4"> <CENTER> <H1>DESPRE TURISM</H1> <HR size=3 color=red width=75%> </CENTER>

<BR><BR> <P align="justify"><FONT color="blue" face="Times New Roman">Activitatile in aer liber sunt practicate cu entuziasm, de multa vreme, in orice tara din lume. Cuvantul <B>turism</B> poate sa inseamne in egala masura drumetii montane, sau vacante la Mare, unde exista conditii excelente pentru practicarea sporturilor acvatice.</FONT></P> <P align="justify"><FONT color="orange" face="Arial">Intre sporturile </BODY> </HTML>

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