Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lectia 3 - HTML

    Încărcat de

    Maris Marian
    6 vizualizări3 pagini

    Titlu original

    Lectia 3_Html

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    6 vizualizări3 pagini

    Lectia 3 - HTML

    Încărcat de

    Maris Marian

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 3

    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof.

    Gabriela Gligor

    Lecția 2
    I.b.2. Tag-ul paragraf <p> …….</p>
    Efect: - creează un paragraf din textul pe care se aplică
    (paragraf = text care începe de pe linie nouă și se termină cu trecerea la linie nouă)
    Obs. Datorită efectului produs de acest tag, distanța dintre două paragrafe consecutive este de o linie goală
    Atributele tag-ului <p> sunt :
     align – aliniază paragraful pe orizontală, la Stânga/Centru/Dreapta (Left/Center/Right), alinierea
    implicită fiind Left.
    Exemplu:
    ..........
    <body>
    <p> Paragraf 1 </p>
    <p align=”center”> Paragraf 2 </p>
    <p align=”right”> Paragraf 3 </p>
    ......................
    </body>

    I.b.3. Tag-ul rând nou <br>


    Efect: - forțează trecerea la rând nou
    Exemplu:
    <body>
    ....................
    „Ce te legeni, codrule, <br>
    Fără ploaie, fără vânt, <br>
    Cu crengile la pământ?"
    ......................
    </body>

    I.b.3. Tag-ul linie orizontală <hr>


    Efect: - afișează o linie orizontală
    Atributele tag-ului <hr> :
     size – înălțimea(grosimea) liniei, în pixeli (implicit este 2)
     width – lungimea liniei, în pixeli sau procente din lungimea paginii afișate (implicit este 100%)
     noshade – afișează linia fără a avea un aspect 3D (implicit 3D)
     align – aliniază linia (Left/Center/Right), adică Stânga/Centru/Dreapta paginii (implicit Center)
     color – stabilește culoarea liniei (implicit alb)
    Exemplu:
    <body>
    .............
    <hr>
    <hr color="#1111fe" size="4" width="50%" align=”right”>
    ..................
    </body>

    I.b.4. Tag-ul de formatare text <font> ……….</font>


    Efect: modifică aspectul textului, cum sunt tipul, mărimea și culoarea fontului folosit.
    Atributele tag-ului <font> :
     size - stabilește mărimea(înălțimea) caracterelor;
    - poate lua valori numerice de la 1 la 7 (1=înăltimea minimă)
    sau
    - se poate da valoarea relativă față de mărimea implicită 3, folosind semnele + sau –
     face - stabilește tipul de caracter
     color - stabilește culoarea textului (implicit negru)
    Exemplu:
    <body>
    .............
    <font face=”Arial Black” size=”+2” color=”green”> Text formatat cu valoare relativă, de mărime 5 și culoare verde</font>
    <font face=”Algerian” size=”5” color=”aqua”> Text formatat cu dimensiune absolută de 5 și culoare aqua</font>
    ..................

    </body>

    3
    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof. Gabriela Gligor

    I.b.5. Alte tag-uri pentru formatarea textului:


     Bold (îngroșat, aldin) <b> ... </b>
     Italic (înclinat, cursiv) <i> ... </i>
     Underline (subliniat) <u> ... </u>
     Text tăiat la mijloc <strike> ... </strike>
     Text scris la indice <sub> ....</sub>
     Text scris la exponent <sup> ... </sup>

    I.b.6. Tag-uri de aliniere


     <div align=”valoare”>…..</div> -
    Efect: - crează un container care poate să conțină mai multe elemente (text, liste, imagini, tabele)
    - aliniază toate elementele din container în funcție de valoarea atributului align care poate fi
    Left/Center/Right (implicit Left), indiferent dacă în acel loc se află altceva (text, liste, imagini,
    tabele).
     <center>……</center>
    Efect: - aliniază pe centru toate elementele pe care se aplică

    4
    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof. Gabriela Gligor

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