Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Introducere in HTML

    Încărcat de

    Ramona Andreea
    10 vizualizări4 pagini
    HTML basics

    Drepturi de autor

    © © All Rights Reserved

    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
    HTML basics

    Drepturi de autor:

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

    Introducere in HTML

    Încărcat de

    Ramona Andreea
    HTML basics

    Drepturi de autor:

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

    HTML

    Introducere

    Documentele in notepad trebuie sa fie declarate pentru a le putea deschide


    corespunzator. Astfel, vom declara documentul nostru de tip html printr-un tag ce va fi
    deschis sub forma <tag> si inchis sub forma </tag>. Cuvantul tag poate fi inlocuit cu alte
    tag-uri, spre exemplu: <html>, <body>, <head>, etc.
    <HTML> Prin urmare, vom incepe documentul prin a-l declara: <html> ... </html>,
    ceea ce conta in deschiderea si inchiderea documentului, intre cele doua aflandu-se practic
    tot continutul nostru. La fel vom proceda cu toate celelalte tag-uri. Le vom deschide, le vom
    inchide, iar intre ele vom scrie continutul, altfel, daca uitam sa le inchidem tot ceea ce am
    scris va lua calitatile tag-ului deschis precedent.
    <HEAD> Urmatorul tag foarte important este <head>. La fel, ca si <html>, este un
    tag pereche ce trebuie deschis <head> si inchis </head>. In cadrul acestui tag noi vom
    avea antetul pagini sau locul in care vom putea aplica anumite comenzi. Practic, <head>
    desemneaza o portiune in care introducem date si caracteristici despre intregul nostru
    document (=furnizeaza informatii despre intregul document). Aici vor fi introduse: titlul
    (<title>), stilul (<style>), link-uri (<link>), script-uri (<script>) etc.
    <TITLE> Acest tag va da lucrarii un titlu. Se va scrie in interiorul antetului (<head>)
    deoarece este denumirea inregului document, NU al unui singur element (ex: tabel), adica
    furnizeaza o caracterisica a intregului html. Este, de asemenea un tag pereche:
    <title>Introducere</title>.
    <BODY> Desemneaza corpul documentului nostru. Practic, tot ce vom scrie aici va fi
    afisat in pagina (CONTINUTUL paginii noastre). Este tag pereche: <body>Vom avea aici tot
    continutul paginii noastre</body>. Desigur ca, in interiorul paginii vom putea insera: text,
    imagini, tabele, video-uri. Toate acestea vor fi scrise aici si NU in <head> sau intre <html>
    si <head>.
    Astfel, orice pagina trebuie sa contina tag-urile: <HTML>, <HEAD>,
    <TITLE>, <BODY>.

    Am retinut faptul ca trebuie sa avem mereu html, head, title, body si ca


    trebuie sa deschidem si sa inchidem mereu tag-urile. Continuam prin a vedea ce
    putem insera intr-o pagina, adica in <body></body>.
    In primul rand putem insera text. Cum am vazut mai sus, textul pe care l-am
    inserat a fost: "Tot continutul nostru va fi afisat aici." Doar ca acest text poate fi
    formatat, ca si in word. Putem sa ii dam un font, o marime, o culoare, un stil. De
    asemenea, putem pune textul in paragrafe, sa facem subcapitole, liste etc. Prin
    urmare avem tag-urile:
    TAG-UL:
    <P> </P>
    <BR>
    <h1> Capitol 1 </h1>
    <h2>Subcapitol 1</h2>
    <h1> Capitol 2</h1>
    <h2>Subcapitol a</h2>
    <B> </B>
    <I> </I>
    <U> </U>
    <STRIKE> </STRIKE>
    <SUB> </SUB>
    <SUP> </SUP>
    <PRE> </PRE>
    <BIG> </BIG>
    <SMALL> </SMALL>
    <STRONG> <STRONG>

    SEMNIFICATIA (ceea ce inseram):


    Paragraf
    Enter (tag nepereche, doar se deschide)
    Subcapitole (Daca vrem subcapitole de
    acelasi font deschidem <h1>cap
    1</h1> si <h1>cap 2</h1>, iar pentru
    subcapitolele acestor capitole adaugam
    <h2> etc.
    Bold (Ingrosam textul)
    Italic (Inclinam textul)
    Underline (Subliniem textul)
    Taiem textul cu o linie
    Indice inferior
    Indice superior (ridicam la putere)
    Text preformatat
    Text mare
    Text mic
    Text important

    Dupa cum se vede in a doua imagine, nici un tag nu este vizibil pe pagina
    noastra. De aceea este foarte important sa inchidem si sa deschidem tag-urile, dar
    sa fim atenti si sa scriem continutul intre inchidere si deschidere. Alt lucru important
    este sa fim atenti unde punem <br>. Daca vrem ca textul sa fie scris pe randuri
    diferite vom da <br> pentru fiecare rand in parte, dar daca vrem ca textul sa fie
    scris in linie, nu vom pune <br>.
    Prin urmare, daca vrem sa avem un paragraf care sa fie bold-uit vom scrie
    asa: <p><b>paragraf</b></p>, deci deschidem fiecare tag in parte, scriem
    paragraful, apoi inchidem tag-urile, in ordine inversa, pe fiecare in parte.
    Aplicatia1: Faceti o pagina care:
    - sa contina titlul "aplicatie1";
    -sa fie structurata pe 2 capitole a cate 2 paragrafe, fiecare paragraf sa fie un
    subcapitol;
    -formatati fiecare paragraf astfel incat sa folositi fiecare tag de mai sus;
    Observatie: Documentul trebuie salvat astfel:

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