Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML Tutorial

    Încărcat de

    Roosz Suba Ralph
    13 vizualizări5 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOCX, 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:

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

    HTML Tutorial

    Încărcat de

    Roosz Suba Ralph

    Drepturi de autor:

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

    Comisia metodic de matematic-informatic-TIC

    TUTORIAL Bazele HTML


    I. Tag-urile obligatorii dintr-o pagin web
    <html> <head> <title>Titlul paginii web</title> </head> <body> continutul paginii web </body> </html>

    II.

    Tag-uri pentru paragrafe


    <p> Pragraf nou </p>

    <br> <hr>

    Trece la rnd nou

    - nu are </br>

    Traseaz o linie orizontal pe ecran nu are </hr>

    III.
    -

    Tag-uri pentru formatarea textului

    Pentru dimensiune 1) <font size=4> Text scris la dimensiunea precizat 4 </font> 2) <big> 3) <small>
    Text scris la dimensiune mai mare dect implicit </big> Text scris la dimensiune mai mic dect implicit </small>

    4) Unul din tag-urile pentru heading


    <h1> text scris la dimensiunea h1 </h1> <h2> text scris la dimensiunea h2 </h2> <h6> text scris la dimensiunea h6 </h6> Exemplu: - cel mai mic dintre toate h - cel mai mare dintre toate h

    n stnga, sursa html a paginii web, n dreapta vizualizarea paginii web din browser

    Pentru culoarea textului


    <font color=blue> Text scris cu culoarea precizat blue </font>

    Se poate trece orice denumire de culoare n limba englez, precum i dou nuane ale acelei culori, variant light i varianta dark. De exemplu : blue, lightblue, darkblue red, lightred, darkred green, lightgreen, darkgreen etc.
    Exemplu:

    n stnga, sursa html a paginii web, n dreapta vizualizarea paginii web din browser

    Pentru alinierea textului


    <p align="left">Text aliniat la stanga</p> <p align="center">Text aliniat la centru</p> <p align="right">Text aliniat la dreapta</p>

    Exemplu:

    n stnga, sursa html a paginii web, n dreapta vizualizarea paginii web din browser

    IV.

    Tag-uri pentru imagini


    <img src=fisierul imagine.extensie height=400 width=300 alt=some text>

    De exemplu codul:
    <img src=comp_i.jpg height=410 width=250 alt=muntii alpi>

    va insera n pagina web imaginea comp_i.jpg care obligatoriu trebuie s existe pe disc n acelai folder cu fiierul surs html. Imaginea comp_i.jpg va fi afiat la nlimea 410 pixeli i limea 250 pixeli, indiferent de dimensiunea pe care o are iar dac utilizatorul zbovete cu mouse-ul deasupra imaginii n browser, va apare o csu mic de text n care scrie muntii alpi Atributele height, width i alt pot lipsi. Alinierea imaginilor la stnga, centru sau dreapta, se face utiliznd tag-ul <div> cu urmtoarea sintax :
    <div align=center><img src=fisierul imagine.extensie height=400 </div> width=300>

    V.

    Tag-uri pentru referine (ancore, hiperlegturi, trimiteri ctre alte fiiere sau alte pagini web)
    <a href=url> Text hyperlink </a>

    Tag-ul ancor <a> poate avea mai multe forme : 1) Link spre un fiier existent pe disc
    <a href=comp_w.docx> Download fisier comp_w.docx </a>

    Efectul codului de mai sus este apariia ferestrei


    3

    n care utilizatorul poate face downloadul fiierului spre care este trimis linkul prin tag-ul <a>. Fiierul coninut n interiorul tag-ului <a> poate s fie orice tip de fiier existent pe disc n acelai folder cu fiierul surs html 2) Link spre o pagin web extern

    Utilizatorul poate s fac click pe textul subliniat, caz n care va fi trimis spre pagina web coninut de href.

    VI.

    Tag-uri pentru tabele

    Exist posibilitatea ca orice celul s poat fi expandat pe mai multe linii sau coloane

    VII. Tag-uri pentru liste ordonate / neordonate


    Listele ordonate sunt numerotate cu numere, cele neordonate cu bullet-uri

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