Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lectia 1

    Încărcat de

    Man Rares
    9 vizualizări12 pagini

    Titlu original

    lectia1.ppt

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PPT, 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 PPT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    9 vizualizări12 pagini

    Lectia 1

    Încărcat de

    Man Rares

    Drepturi de autor:

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

    HTML

    Hypertext Markup Language


    HTML
    • lucrează cu tag-uri/ etichete
    • nu este un limbaj case sensitive (de obicei tag-
    urile se scriu cu majuscule)
    • există 2 tipuri de tag-uri
    – Container
    – Vide
    • primul cuvânt/caracter care apare într-un tag
    după < se numește element
    • cuvintele scrise după element (înainte de
    închiderea >) se numesc atribute
    • fiecare atribut este urmat de semnul = și de un
    cuvânt numit valoare
    • valoarea se scrie între ghilimele
    Structura unui document HTML
    <HTML>
    <HEAD> Acesta are si el mai multe sub-
    elemente:
            <TITLE> Aici se scrie titlul documentului,
    cat mai sugestiv, si se încheie cu </TITLE>
        </HEAD>
        <BODY> Etichetele HTML si continutul
    documentului care va fi afisat in pagina web sunt
    incluse in acest element. Aici pot fi puse si
    elemente cum ar fi: <SCRIPT> </SCRIPT>
    Se încheie cu
        </BODY>
        </HTML>
    Să realizăm un exemplu
    Titluri
    • Tag-ul folosit este <Hx>…</Hx>, cu x având
    valori între 1 și 6
    • Elementul Hx se folosește în interiorul
    elementului BODY
    • Tag-urile Hx se pot folosi în orice ordine, dar se
    obțin cele mai bune rezultate dacă
    – H1 ar trebui folosit ca primul nivel, H2 al doilea etc.
    – Nu ar trebui să se sară peste nici un nivel (H3 nu ar
    trebui să apară după H1 decât dacă există H2 între
    ele)
    Exemplul titlu
    <HTML>
    <HEAD>
    <TITLE> Exemplul titluri </TITLE>
    </HEAD>
    <BODY>
    <H1> Heading 1 </H1>
    <H2> Heading 2 </H2>
    <H3> Heading 3 </H3>
    <H4> Heading 4 </H4>
    <H5> Heading 5 </H5>
    <H6> Heading 6 </H6>
    </BODY>
    </HTML>
    Paragraf
    • Tag-ul folosit este <p>…</p>
    • Paragrafele permit să adaugi text în
    document astfel încât lungimea de afișare
    a textului va fi ajustată de mărimea
    deschiderii browser-ului și fiecare paragraf
    va începe un nou rând.
    • Distanța dintre două paragrafe succesive
    este mare deoarece browser-ul le afișează
    cu un rând gol între ele.
    Exemplul paragraf
    <html> 
    <head>
    <title> Exemplul paragraf </title>
    </head>
    <body>
    <p>Paragraf 1</p>
    <p>Paragraf 2</p>
    <p>Paragraf 3</p>
    <p>Paragraf 4</p>
    </body
    </html>
    Întreruperi
    • Tag-ul folosit este <br>

    • Elementul br nu are tag de închidere

    • Întreruperea de linie permite trecerea la


    rând nou
    Exemplul întrerupere
    <html> 
    <head>
    <title> Exemplul întrerupere</title>
    </head>
    <body>
    <h1>Heading 1</h1>
    <p>Paragraf 1<br>
    Linie 2<br>
    Linie 3<br>
    ... </p>
    <p>Paragraf 2</p>
    </body>
    </html>
    Linie orizontală
    • Tag-ul folosit este <hr>
    • Elementul hr nu are tag de închidere
    • Efectul este de afișare a unei linii orizontale
    • Elementul hr are următoarele atribute:
    – SIZE – lățimea liniei, în pixeli (standard este 2)
    – WIDTH - lungimea liniei, în pixeli sau procente din
    lungimea afișării paginii (standard 100%)
    – NOSHADE – afișează linia fără a avea un aspect 3D
    – ALIGN - aliniază linia (Left, Center, Right), adică
    Stânga, Centru sau Dreapta paginii (Standard centru)
    – COLOR - setează culoarea liniei
    Exemplul linie orizontală
    <html> 
    <head>
    <title> Exemplul linie orizontală </title>
    </head>
    <body>
    <h1>Heading 1</h1>
    <p>Paragraf 1<br>
    Linie 2<br>
    Linie 3<br>
    ... </p>
    <hr>
    <hr color="#1111fe" size="4" width="50%">
    <p>Paragraf 2</p>
    </body>
    </html>

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