Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Etichete HTML 2013

    Încărcat de

    Alexandra Visoiu
    12 vizualizări5 pagini
    TIC

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOC, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    TIC

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    12 vizualizări5 pagini

    Etichete HTML 2013

    Încărcat de

    Alexandra Visoiu
    TIC

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 5

    ETICHETE (TAGS) HTML (HyperText Markup Language) <html> defineste un document HTML <head> contine informatii despre documentul

    HTML (titlu, autor, descriere) <title> defineste titlul unui document HTML <body> defineste corpul, continutul documentului (text, imagini, tabele liste etc) Atribute: text defineste culoarea textului pentru documentul html bgcolor specifica o culoare de fundal pentru documentul html Exemplu: <body text=blue bgcolor=green> O pagina web cu text albastru si fundal verde </body> background specifica o imagine de fundal pentru documentul html Exemplu: <body background="poza.png"> Pagina web cu imagine de fundal </body> Fisierul ce contine imaginea trebuie sa se afle in acelasi folder cu documentul html. link specifica culoarea implicita pentru legaturile nevizitate (pe care nu a fost facut click inca) alink specifica culoarea implicita pentru o legatura activa (o legatura este activa in momentul in care se face click pe ea) vlink specifica culoarea implicita pentru legaturile vizitate (pe care a fost facut click) <div> defineste o sectiune intr-un document HTML. Se foloseste mai mult pentru a grupa etichete de tip block in vedera aplicarii stilurilor CSS. Atribute: align specifica alinierea pe orizontala a continutului etichetei div (stanga, dreapta, centru, stanga-dreapta) Valori pe care le poate lua align: left, right, center, justify Exemplu: <div align="center"> <p> paragraf 1 </p> <p> paragraf 2 </p> </div>

    <h1><h2><h3><h4><h5> <h6>

    6 etichete pentru titluri (headings) din continutul documentului HTML cu text din ce in ce mai mic. De regul, motoarele de cutare utilizeaz heading-urile pentru a indexa structura i coninutul unei pagini web. Atribute: align specifica alinierea pe orizontala a continutului etichetei h (stanga, dreapta, centru, stanga-dreapta) Valori pe care le poate lua align: left, right, center, justify Exemplu: <h3 align="right"> Titlu h3 aliniat la dreapta </h3> <p> defineste un paragraf Atribute: align specifica alinierea pe orizontala a continutului etichetei p (stanga, dreapta, centru, stanga-dreapta) Valori pe care le poate lua align: left, right, center, justify Exemplu: <p align="center"> Paragraf aliniat la centru </p> <br> defineste o intrerupere de linie (line break) Exemplu: <p> text pe primul rand <br> text pe randul urmator </p> <hr> defineste o linie orizontala Atribute: align specifica cum va fi aliniata linia orizontala (la centru, la stanga sau la dreapta) size specifica inaltimea liniei orizontale in pixeli Exemplu: <hr size="30"> width specifica latimea liniei orizontale in pixeli sau procente Entitati caracter (character entities) pentru inlocuirea caracterelor rezervate &nbsp = non-breaking space &gt = greater than (>) &lt = less than (<) &quot = ghilimele(") 1

    ETICHETA PENTRU CREAREA LEGATURILOR <a> se utilizeaza pentru a crea o legatura (link) catre un alt document (utilizand atributul href) sau catre o zona din acelasi document (utilizand atributele href si name) Atribute: href specifica adresa URL ce va fi afisata cand se face click pe legatura Exemplu: <a href="http://www.yahoo.com"> Vizitati www.yahoo.com </a> In browser va aparea sub forma Vizitati www.yahoo.com name se utilizeaza pentru crearea unei legaturi catre o zona situata mai jos in acelasi document html Exemplu: <p> <a href="#C4"> Vezi capitolul 4 </a> </p> <h3> <a name="C4"> Capitolul 4 </a> </h3> zona situata mai jos target ETICHETE PENTRU FORMATAREA TEXTULUI <b> eticheta pentru text aldin (ingrosat) Exemplu: <b> text ingrosat </b> <strong> eticheta pentru text aldin (ingrosat) la fel ca <b> <i> eticheta pentru text cursiv (inclinat usor spre dreapta) Exemplu: <i> text cursiv </i> <em> eticheta pentru text cursiv (inclinat usor spre dreapta) - la fel ca <i> <sup> eticheta pentru text scris ca exponent Exemplu: Pentru a afisa xy se scrie x <sup> y </sup> <sub> eticheta pentru text scris ca indice Exemplu: Pentru a afisa xy se scrie x <sub> y </sub> <big> eticheta pentru text marit Exemplu: <big> text marit </big> <small> eticheta pentru text micsorat Exemplu: <small> text marit </small> <strike> sau <s> eticheta pentru text taiat cu o linie Exemplu : <strike> text </strike> <u> eticheta pentru sublinierea textului Exemplu: <u> text subliniat </u> <center> aliniaza la centru pe orizontala (text, imagini, tabel) <font> permite formatarea unei portiuni de text (culoare, tip de font, marime) Atribute: size specifica marimea textului din interiorul etichetei <font> Poate lua valori de la 1 la 7 Exemplu: < font face="verdana" color=blue size=5 > Text formatat cu eticheta font < /font > face specifica tipul de font din interiorul etichetei <font> (de exemplu Times New Roman) color specifica culoarea textului din interiorul etichetei <font> O culoare poate fi precizata in 2 moduri: 1) printr-un nume de culoare. Sint disponibile cel putin 16 nume de culori. Exemple : black, green, red, blue, white, yellow, purple, maroon, olive etc. 2) prin constructia #rrggbb unde r, g si b sunt cifre hexazecimale (cifrele din baza 16) ce pot lua valorile: 0,1,2,3,4,5,6,7,8,9,a,A,b,B,c,C,d,D,e,E,f,F. Se pot defini astfel 65536 de culori. Aceasta constructie foloseste modelul de culoare RGB (Red, Green,Blue) Conform acestui model o culoare se obtine din amestecul a 3 culori fundamentale: rosu, verde si albastru. Exemplu: color="#3a669F" <pre> eticheta pentru text preformatat (afiseaza in pagina web spatiile dintre cuvinte si intreruperile de linie din documentul HTML) Exemplu: <pre> cuvant1 cuvant2 Spatiile dintre cuvant1 si cuvant2 se pastreaza </pre> <blockquote> eticheta folosita pentru a introduce citate. La fel ca eticheta <p> se insereaza un spatiu inainte si dupa ea. In plus se lasa spatiu la marginea stanga. Exemplu: <blockquote> Acesta este un citat </blockquote> 2

    ETICHETE PENTRU LISTE <ul> defineste o lista neordonata Atribute: type specifica stilul marcatorilor dintr-o lista neordonata ( disc, circle, square) Exemplu: <ul type="square"> <li>cafea</li> <li>ceai</li> <li>lapte</li> </ul> <ol> defineste o lista ordonata Atribute: type tipul marcatorilor din lista ordonata (poate lua valoarea 1 sau a sau A sau I sau i Itemii listei vor aparea in lista numerotati 1,2,3,4 sau a,b,c,d sau A,B,C,D sau I,II,III,IV sau I,ii,iii,iv) start specifica cu ce numar sau litera incepe primul item din lista Exemplu: <ol type="I" start="4"> <li>cafea</li> <li>ceai</li> <li>lapte</li> </ol> <li> defineste un item intr-o lista Atribute: type specifica stilul sau tipul marcatorului pentru elementul de lista Exemplu pentru lista ordonata: <ol> <li> cafea </li> <li type="a"> ceai </li> <li> lapte </li> </ol> Exemplu pentru lista neordonata: <ul> <li> cafea </li> <li type="square"> ceai </li> <li> lapte </li> </ul> value specifica numarul pentru un element din lista. Urmatorii itemi din lista vor avea numere pornind de la numarul itemului pentru care s-a setat atributul value Exemplu: <ol> <li>cafea</li> <li>ceai</li> <li>lapte</li> <li value="100">apa</li> <li>suc</li> <li>bere</li> </ol>

    ETICHETE PENTRU IMAGINI <img> defineste o imagine Atribute: alt specifica un text alternativ ce va fi afisat in cazul in care imaginea nu poate fi afisata src specifica adresa URL a unei imagini. width specifica latimea unei imagini in pixeli sau procente din elementul care contine imaginea height specifica inaltimea unei imagini in pixeli sau procente din elementul care contine imaginea border specifica latimea bordurii unei imagini Exemplu: <img src="poza.jpg" alt="poza mea" height="100" width="100" border=4/> In acest caz fisierul poza.jpg este in acelasi folder in care este documentul html. align specifica alinierea verticala si orizontala a unei imagini in raport cu elementele care o inconjoara hspace aloca spatiu alb (in pixeli) la stanga si la dreapta imaginii simultan vspace aloca spatiu alb (in pixeli) fata de elementele (etichetele) de deasupra si sub imagine simultan usemap se utilizeaza cand se doreste ca o imagine sa fie folosita ca o harta de imagini O harta de imagini este o imagine ce contine zone pe care se poate face click (hotspoturi) <map> defineste o harta de imagini Atribute: name specifica numele unei harti de imagini <area > defineste o zona in interiorul unei harti de imagini Atribute: alt specifica un text alternativ in cazul in care imaginea nu poate fi afisata coords specifica coordonatele zonei din interiorul imaginii. Coltul din stanga sus are coordonatele 0,0. href specifica adresa URL ce va fi afisata cand se face click pe legatura shape specifica forma zonei din interiorul imaginii (dreptunghi, cerc, poligon) target TABELE Exemplu: <table width="200" border="1" align=center cellpadding="10" cellspacing="5" > <caption align=top>Legenda tabelului</caption> <tr> <th>celula11</th> <th>celula12</th> <th>celula13</th> <th>celula14</th> </tr> <tr> <td rowspan="2">celula21celula13</td> <td>celula22</td> <td>celula23</td> <td>celula24</td> </tr> <tr> <td>celula23</td> <td colspan="2">celula33celula34</td> </tr> </table> 4

    ETICHETE PENTRU TABELE <table> defineste un tabel Atribute: width specifica latimea unui tabel in pixeli sau procente border specifica grosimea bordurii exterioare a tabelului in pixeli cellpading specifica distanta in pixeli de la continutul celulei pana la peretele celulei cellspacing specifica spatiul dintre celulele tabelului in pixeli align specifica alinierea pe orizontala a tabelului (stanga, centru, dreapta). Poate lua valorile: left, align, center bgcolor specifica culoarea de fundal pentru tabel <caption> defineste o legenda (caption) pentru tabel Atribute: align specifica alinierea pe orizontala a legendei tabelului (stanga, dreapta, deasupra sau sub tabel) Poate lua valorile: left, right, top, bottom. Implicit atributul align are valoarea top. <th> defineste o celula de antet in tabel Atribute: align specifica alinierea pe orizontala a continutului unei celule de antet Poate lua valorile: left, right, center, justify valign specifica alinierea pe verticala a continutului unei celule de antet. Poate lua valorile: top, middle, bottom, baseline Exemplu: <th valign="middle"> rowspan specifica numarul de randuri peste care se extinde celula de antet colspan specifica numarul de coloane peste care se extinde celula de antet bgcolor specifica culoarea de fundal unei celule de antet width specifica latimea continutului unei celule de antet in pixeli sau procente height specifica inaltimea continutului unei celule de antet in pixeli sau procente <tr> defineste un rand in tabel Atribute: align specifica alinierea pe orizontala a continutului unui rand de tabel. Poate lua valorile: left, right, center, justify valign specifica alinierea pe verticala a continutului unui rand de tabel Poate lua valorile: top, middle, bottom, baseline bgcolor specifica culoarea de fundal a unui rand de tabel <td> defineste o celula in tabel Atribute: align specifica alinierea pe orizontala a continutului unei celule Poate lua valorile: left, right, center, justify valign specifica alinierea pe verticala a continutului unei celule Poate lua valorile: top, middle, bottom, baseline rowspan specifica numarul de randuri peste care se extinde celula colspan specifica numarul de coloane peste care se extinde celula bgcolor specifica culoarea de fundal unei celule width specifica latimea continutului unei celule in pixeli sau procente height specifica inaltimea continutului unei celule in pixeli sau procente 5

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