Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Fisa de Lucru HTML 2

    Încărcat de

    Ionela Bratu
    59 vizualizări2 pagini
    fisa

    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
    fisa

    Drepturi de autor:

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

    Fisa de Lucru HTML 2

    Încărcat de

    Ionela Bratu
    fisa

    Drepturi de autor:

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

    HTML organizarea textului

    1. Elementul de bloc <p></p>


    Creeaz un paragraf; comunic browserului s insereze o linie liber n text i s nceap o nou linie. Atributul align
    specific alinierea textului i poate fi: left, right, center, justify. Implicit textul este aliniat la stnga.

    Exerciiul 1. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.


    <HTML>
    <HEAD>
    <TITLE>Paragrafe</TITLE>
    </HEAD>
    <BODY>
    <P align="center">Paragrafe</P>
    <P> Acesta este un paragraf aliniat la stanga. </P>
    <P align="right"> Acesta este un paragraf aliniat la dreapta. </P>
    <P align="center"> Acesta este un paragraf aliniat la centru. </P>
    </BODY>
    </HTML>

    2. Elementele heading <h1></h1> <h2></h2> <h3></h3> .. <h6></h6>


    Eticheta <H1> definete titlul de dimensiunea maxim, iar <H6> pe cel de dimensiune minim. Etichetele de titlu accept
    atributul align cu valorile left, center i right pentru alinierea titlului blocului de text la stnga (n mod prestabilit), n centru
    i respectiv la dreapta.

    Exerciiul 2. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.


    <HTML>
    <HEAD>
    <TITLE>Titluri de diferite mrimi</TITLE>
    </HEAD>
    <BODY>
    <H1 align="center">Titlu H1</H1>
    <H2>Titlu H2</H2>
    <H3>Titlu H3</H3>
    <H4 align="center">Titlu H4</H4>
    <H5>Titlu H5</H5>
    <H6>Titlu H6</H6>
    </BODY>
    </HTML>

    3. Linii orizontale <hr>


    Pot fi inserate n pagin linii orizontale care au rolul de a delimita diferitele zone ale paginii sau de a mbunti aspectul ei
    estetic. Pentru a configura o linie orizontal se utilizeaz urmtoarele atribute ale etichetei <HR>:
    align - permite alinierea liniei orizontale. Valorile posibile sunt left, center i right
    width - specific lungimea liniei - lungimea poate fi stabilit n pixeli sau n procente din limea ecranului.
    size - specific grosimea liniei, exprimat n pixeli
    color - permite definirea culorii liniei

    Exerciiul 3. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.


    <HTML>
    <HEAD>
    <TITLE>Linii orizontale</TITLE>
    </HEAD>
    <BODY>
    <H1 align="center"> Linii orizontale </H1>
    Linie aliniata la stanga, lungime 100%, grosime 2 <HR>
    Linie aliniata in centru , lungime 50%, grosime 5 pixeli.
    <HR align="center" width="50%" size="5" color="black">
    Linie aliniata la dreapta , lungime 150 de pixeli, grosime 12 pixeli , de culoare rosie.
    <HR align="right" width=150 size=12 color="red">
    </BODY>
    </HTML>

    4. Inserarea unei adrese potale <address> .</address>.


    Eticheta <ADDRESS> este o etichet logic i are drept efect, n cele mai multe browsere, afiarea textului cu caractere
    italice.

    Exerciiul 4. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.


    <HTML>
    <HEAD>
    <TITLE>Inserarea unei adresa</TITLE>
    </HEAD>
    <BODY>
    <H1 align="center"> Adresa </H1>
    <HR>
    Adresa firmei noastre este
    <ADDRESS>
    GoldenWeb Consult <BR>
    Str. Paradisului, Nr. 1<BR>
    Bucuresti
    </ADDRESS>
    </BODY>
    </HTML>

    Exerciiul 5.
    1. Creai o pagin Web n care s introducei urmtorul text:

    Plumb
    ______________________________

    Dormeau adnc sicriele de plumb,


    i flori de plumb i funerar vestmnt --
    Stam singur n cavou... si era vnt...
    i scriiau coroanele de plumb.

    Dormea ntors amorul meu de plumb


    Pe flori de plumb, i-am nceput s-l strig -
    Stam singur lng mort... si era frig...
    i-i atrnau aripile de plumb.

    2. Efectuai urmtoarele modificri:


    a) fontul textului s fie Arial
    b) adugai documentului titlul George Bacovia
    c) aplicai stilul ngroat pentru fiecare cuvnt plumb i stilul nclinat pentru cuvntul flori
    d) setai grosimea liniei la 12 pixeli i culoarea roie
    e) formatai titlul poeziei astfel nct s reprezinte un titlu de nivel 3 (H3)
    f) aliniai centrat paragraful care conine titlul poeziei

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