Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Htmlpentruclasa A Viii A

    Încărcat de

    bety aldea
    5 vizualizări7 pagini

    Titlu original

    Htmlpentruclasa a Viii A

    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
    5 vizualizări7 pagini

    Htmlpentruclasa A Viii A

    Încărcat de

    bety aldea

    Drepturi de autor:

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

    Notă: 

    Unele elemente HTML nu au conținut (cum ar fi elementul <br>). Aceste elemente se numesc elemente goale. 
    Elementele goale nu au o etichetă finală!
    ELEMENTE HTML IMBRICATE
    Elementele HTML pot fi imbricate (acest lucru înseamnă că elementele pot conține alte elemente).

    Toate documentele HTML constau din elemente HTML imbricate.

    Exemplul următor conține patru elemente HTML ( <html>, <body>, <h1> și <p>):

    Exemplu explicat
    Elementul <html> este elementul rădăcină și definește întregul document HTML.
    Are o etichetă de început <html>și o etichetă de final </html>.
    Apoi, în interiorul elementului <html> există un element <body> care la randul lui mai are inca doua elemente <h1> si <p>
    Se spune ca <body> este copilul lui <html>, copiii lui <body> fiind <h1> si <p>
    Elemente HTML goale
    Elementele HTML fără conținut se numesc elemente goale.

    Eticheta <br> definește o linie de pauză, și este un element gol , fără o etichetă de închidere:

    Exemplu
    <p>Dupa aceste cuvinte <br> paragraful s-a rupt in doua.</p>

    Eticheta <hr> definește o întrerupere în cadrul paginii web, apare în pagina web sub formă de linie continuuă și este la fel ca și
    <br> un element gol, fără o etichetă de închidere:

    Exemplu
    <p>Intre acest paragraf si urmatorul va aparea o linie</p>
    <hr>
    <p>Intre acest paragraf si anteriorul va aparea o linie</p>

    Atribute HTML
    Atributele HTML oferă informații suplimentare despre elementele HTML.
    Toate elementele HTML pot avea atribute
    • Atributele oferă informații suplimentare despre elemente
    • Atributele sunt întotdeauna specificate în eticheta de pornire
    • Atributele apar de obicei în perechi nume / valoare precum: nume = "valoare"
    Atributul href
    Eticheta <a> definește o legătură către o altă pagină web, în informatică purtând denumirea de hyperlink. Atributul href
    specifica URL-ul paginii de destinație.

    Atributul src
    Eticheta <img> este folosită pentru a încorpora o imagine într-o pagină HTML. Atributul src precizează calea către locația
    imaginii care urmează să fie afișate

    Există două moduri de a specifica adresa URL în atributul src:

    1. URL absolut - Linkuri către o imagine externă găzduită pe un alt site web.
    Exemplu: src = "https://www.rabbit.ro/imagini/iepure.jpg"

    Note: Este posibil ca imaginile externe să fie protejate prin drepturi de autor. Dacă nu obțineți permisiunea de utilizare, este
    posibil să încălcați legile drepturilor de autor. În plus, nu puteți controla imaginile externe; poate fi brusc îndepărtat sau
    schimbat.

    2. URL relativ - Linkuri către o imagine care este găzduită pe site. Aici, adresa URL nu include numele domeniului. Dacă adresa
    URL începe fără o bară, aceasta va fi relativă la pagina curentă. Exemplu: src = "iepure.jpg"
    Dacă adresa URL începe cu o bară, aceasta va fi relativă la domeniu. Exemplu: src = "/imagini/iepure.jpg".

    Sfat: este aproape întotdeauna cel mai bine să utilizați adrese URL relative. Nu se vor defecta dacă se schimbă domeniul.

    Atributele de lățime și înălțime


    Tag – ul <img>ar trebui să conțină , de asemenea, atributele width și height, care specifică lățimea și înălțimea imaginii (în
    pixeli). Exemplu mai jos:

    <img src="iepure.jpg" width="500" height="600">


    Elementele de Bază în HTML

    Elementele de bază ale unei pagini HTML sunt:


    •Titluri de sectiune (numit text header): <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

    •Paragraful, utilizand tag-ul <p> .

    •Linia orizontala(horizontal ruler)utilizand  <hr> ca eticheta pentru aceasta.

    •Link-ul(legatura catre o alta pagina web), utilizand tag-ul ancora  <a> 

    •Lista de itemi, unde se va utiliza  <ul> ( lista cu buline - unordered list) sau
    <ol> (lista cu cifre sau litere - ordered list) si <li> ( element component - list element)

    •Imagine, utilizand marcajul  <img> 

    •Divider (bloc sectiune pagina web) utilizand tag-ul  <div> 

    •Eticheta  <span>  pentru stilizari personalizate aplicate anumitor regiuni text.

    In paginile urmatoare va voi explica prin exemple importanta acestor elemente de baza.
    Fiecare element poate avea atribute specifice etichetei cod ce il defineste – acestea pot fi
    grupate, pot fi unice sau comune – atributele fiind in general relevante doar anumitor
    elemente, in functie de dorinta realizatorului site-ului web.
    Deoarece sunt foarte multe atribute, voi prezenta doar cele mai importante atribute ce
    se regasesc aproape in orice cod sursa de website vizitat de voi:
    •id - Specifica un element cu proprietati unice (Item Distinct).

    •class - Specifica un element cu proprietati comune cu alte elemente.

    •style - Specifica realizarea unei stilizari personalizate aplicate asupra elementului.

    Atributul style
    Este utilizat pentru a adăuga/modifica stilul(aparitia) unui element, cum ar fi culoarea,
    familia de font, dimensiunea, și multe altele.
    Formula de utilizare: <nume_eticheta style="proprietate:valoare;">
    Exemplu: codul de mai jos va colora textul in rosu datorita stilizarii atribuite

    <p style="color:red;">Acesta este un paragraf rosu.</p>


    Culoare de fundal
    Proprietatea background-color definește culoarea de fundal pentru un element HTML.

    Exemplu:Să se seteze culoarea de fundal pentru o pagină web la albastru metalic, titlul de culoarea acvamarin

    Cum s-a observat în exemplul de mai sus, proprietatea color a definit culoarea textului.

    Fonturi
    Proprietatea font-family definește familia fontului care trebuie utilizat pentru un element HTML:
    Exemplu
    <h1 style="font-family:verdana;">Tot un TITLU</h1>
    <p style="font-family:courier;">Tot un paragraf</p>

    Mărimea și alinierea
    textului
    Elemente de formatare pentru a afișa tipuri speciale de text HTML

    <b> - Text îngroșat


    <strong> - Text important
    <i> - Text înclinat
    <em> - Text accentuat
    <mark> - Text fundal marker
    <small> - Text micuț
    <del> - Text șters cu o linie peste mijlocul lui
    <ins> - Text subliniat
    2
    <sub> - Text indice superior (ridicat la putere, exemplu: X )
    <sup> - Text indice inferior (exemplu: H2SO4 )

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