1 / 9

CREAREA PAGINILOR HTML

CREAREA PAGINILOR HTML.

shanae
Download Presentation

CREAREA PAGINILOR HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CREAREA PAGINILOR HTML

  2. HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari). Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.De exemplu la vizitarea domeniului www.nume.ro este afisata pagina www.nume.ro/index.html. Componenta unui document HTML este:1. versiunea HTML a documentului2. zona head cu etichetele <head> </head>3. zona body cu etichetele <body> </body>

  3. Toate paginile HTML incep si se termina cu etichetele <html> si </html>.In interiorul acestor etichete gasim perechile <head>, </head> si <body>, </body>. • head contine titlul paginii intre etichetele <title> si </title>. • body gazduieste practic toate etichetele afisate de browser pe ecran. Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina <html><head><title>Titlu</title></head><body>Continut pagina</body></html>

  4. Crearea de paragrafe si trecerea la o linie noua In HTML trecerea la un rand nou se face doar prin introducerea etichetei <br> iar pentru paragraf nou cu eticheta <p>. <hr> introduce o linie linie orizontala si trecerea la un rand nou. Folosind etichete adecvate textul poate fi formatat.Spre exemplu fonturilor li se poate modifica: marimea, culoarea, forma (normal, bold, italic), familia (Arial, Verdana, etc.), textul poate fi aliniat pe orizontala sau verticala iar titlurile (header), de la 1 la 6, sunt diferite ca marime (1 cel mai mare iar 6 cel mai mic). Etichetele <div> si </div> delimiteaza un bloc text in vederea formatarii. Unul din atributele blocului div este align care poate lua valorile:center aliniere pe centru<div align="center">text aliniat pe centru</div> left aliniere la stanga<div align="left">text aliniat la stanga</div> right aliniere la dreapta <div align="right">text aliniat la dreapta</div>

  5. Formatarea textelor Pentru a scrie texte in format ingrosat (bold)se folosestetag-ul <B>. Acesta nu se folosete pentru titluri. El are ca echivalent tag-ul <STRONG>. • Pentru a scrie texte inclinate (italice) se utilizeaza tag-ul <I>, cu echivalentul pentru titluri <EM>. • Cele doua tag-uri se pot folosi impreuna. • <B><I>Text</I></B> • Tag-ul <SMALL> are ca ewfect micsorarea dimensiunii caracterelor asupra carora se aplica. • Tag-ul <BIG> mareste dimensiunea caracterelor. • Tag-ul <SUP> are ca efect afisarea textului ca indice superior, iar tag-ul pereche <SUB> are ca efect de afisare a textului ca indice inferior. • Tag-ul <STRIKE> are ca efect desenarea unei linii peste text, iar tag-ul <U> realizeaza sublinierea textului. • Tag-ul <TT> are ca efect schimbarea fontului pentru textul respectiv la Courier New. • Tag-ul <PRE> informeaza browser-ul ca pentru textul asupra caruia se aplica, caracterele albe nu mai sunt ignorate. Fontul devine Courier New.

  6. Exercitiu: <HTML> <HEAD> <TITLE> Incalzirea globala </TITLE> </HEAD> <BODY COLOR=“YELLOW"><center><h2>Incalzirea globala</h2></center> <P><B>Incalzirea globala</B> este cresterea continua a temperaturii medii inregistrate ale <U>atmosferei</U> in imediata apropiere a <U>solului</U>, precum si a apei oceanelor, constatata in ultimele decenii.</P> <P>Temperatura medie a aerului in apropierea suprafetei pamantului a crescut in ultimul secol cu <B>0, 74+-0,18% grade C.</B></P> <P>Incalzirea globala are efecte profunde in cele mai diferite domenii. Ea determina <I>ridicarea nivelului marii</I>, extreme climatice, topirea <U>ghetarilor</U> extinctia a numeroase specii si schimbari privind sanatatea oamenilor. Impotriva efectelor incalzirii globale se duce o lupta sustinuta, al carei aspect centrat este ratificarea de catre guverne a <B><U>Protocolului de la Kyoto </B></U> privind reducerea emisiei poluantilor care influenteaza viteza de incalzire. </P> </BODY> </HTML>

  7. Titluri Orice document are nevoie de un titlu care iese in evidenta fata de restul textului. In HTML exista mai multe tag-uri pentru titluri: <H1>,<H2>,<H3>,<H4>, etc. Diferenta dintre acestea este marimea fontului cu care se afiseaza titlul. Exemplu> <h1>Titlu 1</h1> Titlu 1 <h2>Titlu 2</h2> Titlu 2 <h3>Titlu 3</h3> Titlu 3 <h4>Titlu 4</h4> Titlu 4 <h5>Titlu 5</h5> Titlu 5 <h6>Titlu 6</h6> Titlu 6

  8. Setarea caracteristicilor fonturilor Pentru a seta caracteristicile fonturilor se foloseste tag-ul <FONT> care admite numeroase atribute. • Atributul SIZE ce defineste marimea caracterelor. Poate lua valori de la 1 (f. mic) la 7 (f. mare), valoarea implicita fiind 3. • Atributul COLOR ce primeste ca valori una din culorile standard: black, white, red, green, yellow, blue, aqua, lime, purple, olive, etc. • Atributul FACE ce permite alegerea unui anumit font pentru text. Exemplu: <FONT FACE= Courier, Comic Sans MS>Font</FONT>

More Related