Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lectia 2 - HTML

    Încărcat de

    Maris Marian
    13 vizualizări2 pagini

    Titlu original

    Lectia 2_Html

    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
    13 vizualizări2 pagini

    Lectia 2 - HTML

    Încărcat de

    Maris Marian

    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

    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof.

    Gabriela Gligor

    Limbajul HTML(Hypertext Markup Language)

    Lecția 1

    Limbajul Html(Hypertext Markup Language)= este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi
    afișate într-un browser (sau navigator).
    Browser= program de „navigare” (virtuală) în web.
    Exemple de browser: Microsoft Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome, Mozilla Camino, Opera

    Editarea unei pagini web se face fie in aplicatia Notepad fie intr-un program specializat cum ar fi:
    Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage, SharePoint Designer.
    Vizualizarea unei pagini web se face intr-un browser web, dand dublu click pe numele fisierului.

    Paginile HTML sunt formate din tag-uri(etichete) și au extensia „.html” sau „.htm”.

    Tag-uri(etichete)= cuvinte cu o semnificatie bine stabilita, care aplicate pe o informatie, determina afisarea acesteia in
    browserul web(care le interpreteaza), intr-o anumita forma.

    Tag-urile(etichete) pot fi:


     unice: <eticheta>
    Exemplu: <br> - determina trecearea pe linie noua a informatiei care ii urmeaza
     in pereche (in majoritatea cazurilor):
    <eticheta>
    .....................
    </eticheta>
    Exemplu: <p> - textul delimitat de tagul pereche este un nou paragraf
    Acesta este un nou paragraf
    </p>

    Obs. 1. Un tag poate sa fie caracterizat de unul sau mai multe atribute (proprietate specifică unui tag).
    Exemplu: <p align=”center”>
    Paragraful va fi aliniat orizontal pe centru
    </p>
    Notă. Lipsa unui atribut dintr-un tag arată ca acel atribut lucrează cu valoarea sa implicită.
    2. Un tag poate avea unul sau mai multe subtag-uri (tag-uri subordonate)

    Structura generala a unui program HTML


    <html>
    <head>
    <title>Titlu Documentului</title>
    </head>
    <body>
    Continutul paginii
    </body>
    </html>
    Unde:
    I. Tag-ul <html> - delimiteaza programul HTML care va fi interpretat de browserul web
    .................
    </html>

    Subtag-urile tag-ului <html> sunt:


    I.a. Tag-ul <head> - delimiteaza antetul(capul) programului HTML
    ..............
    </head>
    Subtagul tagului <head> este: tagul <title> - delimiteaza titlul paginii web
    ..........
    </title>
    I.b. Tag-ul <body> - delimiteaza corpul(continutul) paginii web.
    ...........
    </body>

    1
    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof. Gabriela Gligor

    Atributele(proprietăți legate de aspectul paginii web) tag-ului <body>:


     bgcolor – stabilește culoarea de fundal a paginii web (implicit alb)
    Obs: Culoarea poate fi specificată în două moduri:
    - numele culorii ( ex: “red”)
    - un număr exprimat în baza 16(hexazecimal) care reprezintă codul RGB al culorii dorite
    (ex: ”#fa1215”  “red”)

    “red”
    sau
    Exemplu: <body bgcolor="#fa1215"> - culoarea de fundal va fi roșu
    Conținutul paginii web
    </body>
     text – stabilește culoarea textului în pagina web(implicit negru)
    “red” ”blue”
    sau sau
    Exemplu:
    <body bgcolor="#fa1215" text=”#0000ff”> - culoarea de fundal va fi roșu iar a textului albastru
    Conținutul paginii web
    </body>

     background – stabilește o imagine de fundal


    Exemplu: <body background="imagine.gif"> - imaginea de fundal a paginii web va fi imagine.gif
    Conținutul paginii web
    </body>
    Obs: În cazul în care imaginea nu se află în același folder cu fisierul „.html”, se va indica toată
    calea de acces la aceasta (ex: background="Z://clasa 9/sem2/fisa de lucru/imagine.gif" ).

    Subtagurile tagului body sunt:


    I.b.1. Tag-ul de titluri <hx> .....</hx>
    Efect: - delimitează un text cu rol de titlu
    - x reprezintă înălțimea caracterelor care este un număr între 1 și 6 (1=înălțime maximă și 6=înălțime minimă)
    - afișează textul din titlu, aldin(îngroșat), deteminând apoi trecerea la următoarea linie(enter)
    Exemplu:
    <html>
    <head>
    <title>Titlu paginii web</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>

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