SlideShare a Scribd company logo
0html introducere
1.Notiuni introductive
2.Editarea si vizualizarea unui document HTML
3.HTML de baza
         3.1. Structura unui document HTM
         3.2. Parametrii marcajului <BODY>…</BODY>
                  •Parametrul bgcolor
                  •Parametrul background
                  •Parametrul TEXT
                  •Parametrul LINK
                  •Parametrul VLINK
                  •Parametrul ALINK
4.Aplicatii
1.Notiuni
              introductive
      HTML e acronimul de la HyperText Markup Language, care e numele unui limbaj de
marcare.
   A fost conceput în 1989 de Tim Berners-Lee, licentiat la Oxford, pe atunci fizician. Fiind si
expert în software, Berners-Lee e acum director al World Wide Web Consortium ( pe scurt,
W3C ), adica al organizatiei care coordoneaza dezvoltarea web-ului ( în principal, prin
impunerea de standarde pentru limbaje etc. ). Fiind un limbaj de marcare, HTML nu utilizeaza
instructiuni ( ca Pascal-ul sau C-ul ) ori comenzi ( ca Fox-ul ), ci etichete, acestea fiind numite
si balize, elemente sau tag-uri.
 Sintaxa oricarui tag este:
       <TAG atribut1="val" atribut2="val">Text</TAG>
                      O pagina web poate contine:
                                 • text
                                 • imagini
                                 • fisiere audio
                                 • fisiere video
OBS!      Paginile web pot fi vizualizate în browsere, care sunt niste programe de vizitare.
                                Cele mai populare browsere sunt:
                                 • Netscape Navigator
                                 • Microsoft Internet Explorer
2. Editarea si vizualizarea
           unui document HTML


        Editarea unui document HTML
  Pentru editarea unui document Html se pot
folosi procesorele de text Notepad, WordPad
sau un editor specializat in crearea paginilor
Web.
 Lansarea in executie a procesorului de texte
Notepad:
Start    Programs    Accessories    Notepad
Operatii elementare aupra documentelor HTML


         Crearea unui document
  File New       sau    folosind tastele Alt+F,
apoi tasta N
Salvarea unui document ca document HTML
 File Save       sau    folosind tastele Alt+F,
apoi tasta S
In fereastra Save parcurgeti urmatoarele etape:
Pas1: din lista ascunsa Save In alegeti
directorul in care salvati documentul
Pas2: scrieti in zona de editare File name
numele pe care doriti sa il dati documentului
adaugand extensia html sau htm
Pas3: actionati declansatorul Save
Operatii elementare aupra documentelor HTML



   Deschiderea unui document HTML
 File   Open sau Alt+F dupa care tasta O
In fereastra Open se parcurg urmatorii pasi:
Pas1: din lista ascunsa Save as Type
alegeti tipul documentului
Pas2: din lista ascunsa Look in alegeti
directorul in care se gaseste documentul pe
care doriti sa-l decshideti
Pas3: in casuta de dialog File name scrieti
numele documentului pe care doriti sa-l
deschideti sau selectati cu mose-ul
documentul respectiv
Pas4: actionati declasantorul Open
3. HTML de baza
                                     Structura documentului HTML
                                       Structura unui document html se delimiteaza de
                                                    urmatoarele marcaje:
                                       Marcajul de specificare a documentului de tip
<HTML>                                hipertext
 <HEAD>                                Marcajul de specificare a capului documentului
    <TITLE> structura paginii mele    de tip hipertext
                                      delimiteza informatiile referitoare la crearea paginii
    </TITLE>                          Web, informatii ce nu vor aparea la vizualizarea paginii
                                      respective cu un program de navigare
</HEAD>
                                      marcajul <TITLE>..</TITLE>delimiteaza un nume pe
<BODY>                                care dorim sa-l dam paginii ce urmeaza s-o realizam si
   Continutul paginii mele este       care va aparea in bara de stare a programului de
acesta                                navigare

</BODY>                                Marcajul de specificare a corpului documentului
                                      de tip hipertext
</HTML>
                                      Acest marcaj cuprinde continutul paginii Web ce va
                                      aparea la incarcarea ei cu un program de navigare
3. HTML de baza
                              Parametrii marcajului <BODY>..</BODY>
          Parametrul bgcolor - se poate stabili prin valoarea lui culoarea fundalului
paginii; valoarea acestuia va fi numele din limba engleza al culorii, incadrat intre
ghilimele sau codul culorii precedat de semnul # incadrat de ghilimele.

Exemplu: <body bgcolor=“blue”> continutul paginii web</body>
              <body bgcolor=“#0000FF”> continutul paginii web</body>
           Parametrul background –se poate utiliza pentru fundalul unei pagini o
imagine a carei adresa este specificata ca valoare a acestiu parametru.
                    <body background=URL>...</body>,
unde URL este un sir de caractere ce reprezinta adresa imaginii ce va fi utilizata de
navigator ca fundal pentru pagina Web.
           Parametrul TEXT -stabileste culoarea textului din pagina Web, culoarea poate
fi specificata prin nume sau prin modelul RGB prezentat.
           Parametrul LINK / Parametrul VLINK / Parametrul ALINK -stabileste culoarea
cu care vor fi scrise in text legaturile nevizitate /vizitate / in curs de vizitare; culoarea
poate fi specificata prin nume sau prin modelul RGB prezentat.
 Culori date prin nume      Culori exprimate prin valoare RGB         Culori sigure Internet

More Related Content

PDF
Suport 01-cls9-tic-cap05-crearea paginilor web
PPT
Html
PPTX
Structura unei pagini web
PPTX
Info an 2 introducere in html
PPT
Lectia 1
DOC
Lucrare de curs WEB
ZIP
Informatica Pagini Web Html
Suport 01-cls9-tic-cap05-crearea paginilor web
Html
Structura unei pagini web
Info an 2 introducere in html
Lectia 1
Lucrare de curs WEB
Informatica Pagini Web Html

Viewers also liked (16)

PPTX
Cultura online
PPS
PPS
Plante din biblie
PDF
Scapa de-pietre-la-ficat-si-fie-andreas-moritz
DOC
Curs practic
PDF
Cartea sobarului si cosarului
PDF
Manual utilizare scheme electrice
PDF
Tehnici si practici tibetane de tratament
DOC
Redresor pentru acumulatoare
PPTX
PDF
101 montaje electronice
PDF
Vladimir Utkin : energie libera - secretele lui Tesla
PDF
11 Exercitii pentru gimnastica mintii.
PDF
Cartea interzisa
PPSX
Curs Operator Masini CNC masini cu comanda numerica
Cultura online
Plante din biblie
Scapa de-pietre-la-ficat-si-fie-andreas-moritz
Curs practic
Cartea sobarului si cosarului
Manual utilizare scheme electrice
Tehnici si practici tibetane de tratament
Redresor pentru acumulatoare
101 montaje electronice
Vladimir Utkin : energie libera - secretele lui Tesla
11 Exercitii pentru gimnastica mintii.
Cartea interzisa
Curs Operator Masini CNC masini cu comanda numerica
Ad

Similar to 0html introducere (20)

PDF
Perechea_1 ro.pdf
PPT
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...
DOCX
Capitolul 3
PDF
CLIW 2017-2018 (7/12) JavaScript în navigatorul Web. De la DOM la Ajax şi mas...
PDF
Proiect tic a_1b_dumitru_alina
PPTX
Licenta web aplicatie.pptx
PPT
Mandache Sorin
PDF
CLIW 2014—2015 (8/12): JavaScript în navigatorul Web
PDF
Patrascu Mihaela Hanelore Conceptul World Wide Web
PPT
Mandache sorin
PPT
Felicitari personalizate
PDF
Tema2 pc2012 v2
PPT
Galerie
PPT
Galerie
PPT
Irina Cureraru
PDF
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #9): JavaScript în na...
PPSX
Best cars
PPTX
Web Storage Performance
PPSX
Best cars
PPSX
Best cars
Perechea_1 ro.pdf
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...
Capitolul 3
CLIW 2017-2018 (7/12) JavaScript în navigatorul Web. De la DOM la Ajax şi mas...
Proiect tic a_1b_dumitru_alina
Licenta web aplicatie.pptx
Mandache Sorin
CLIW 2014—2015 (8/12): JavaScript în navigatorul Web
Patrascu Mihaela Hanelore Conceptul World Wide Web
Mandache sorin
Felicitari personalizate
Tema2 pc2012 v2
Galerie
Galerie
Irina Cureraru
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #9): JavaScript în na...
Best cars
Web Storage Performance
Best cars
Best cars
Ad

More from Sima Sorin (20)

TXT
Free codecs
DOCX
Diplomatice
DOCX
Eval.mod1
DOC
History
PDF
Lista fonduri personale_si_familiale_anic
PDF
Lista fonduri colectii_anic
PDF
Lista fonduri colectii
DOC
Lista documentelor profesorului_de_ed._fizic_
PDF
Lista %20fonduri %20personale_%20si_familiale%20
PDF
Lista%20documentelor%20gestionate produse%20de%20 anr
DOC
Lista siteuri bune
DOC
Lista analize decontate
DOC
List of sites where find books
DOC
List of joe satriani albums
DOC
Linkuri pentru manuale
DOC
Kalinor prospect
DOC
îţI iei salariul pe card
DOC
îMbrăcămintea
PDF
Izvoarele istoriei contemporane
DOC
Izolarea romaniei in cel de al ii-lea razboi mondial
Free codecs
Diplomatice
Eval.mod1
History
Lista fonduri personale_si_familiale_anic
Lista fonduri colectii_anic
Lista fonduri colectii
Lista documentelor profesorului_de_ed._fizic_
Lista %20fonduri %20personale_%20si_familiale%20
Lista%20documentelor%20gestionate produse%20de%20 anr
Lista siteuri bune
Lista analize decontate
List of sites where find books
List of joe satriani albums
Linkuri pentru manuale
Kalinor prospect
îţI iei salariul pe card
îMbrăcămintea
Izvoarele istoriei contemporane
Izolarea romaniei in cel de al ii-lea razboi mondial

0html introducere

  • 2. 1.Notiuni introductive 2.Editarea si vizualizarea unui document HTML 3.HTML de baza 3.1. Structura unui document HTM 3.2. Parametrii marcajului <BODY>…</BODY> •Parametrul bgcolor •Parametrul background •Parametrul TEXT •Parametrul LINK •Parametrul VLINK •Parametrul ALINK 4.Aplicatii
  • 3. 1.Notiuni introductive HTML e acronimul de la HyperText Markup Language, care e numele unui limbaj de marcare. A fost conceput în 1989 de Tim Berners-Lee, licentiat la Oxford, pe atunci fizician. Fiind si expert în software, Berners-Lee e acum director al World Wide Web Consortium ( pe scurt, W3C ), adica al organizatiei care coordoneaza dezvoltarea web-ului ( în principal, prin impunerea de standarde pentru limbaje etc. ). Fiind un limbaj de marcare, HTML nu utilizeaza instructiuni ( ca Pascal-ul sau C-ul ) ori comenzi ( ca Fox-ul ), ci etichete, acestea fiind numite si balize, elemente sau tag-uri. Sintaxa oricarui tag este: <TAG atribut1="val" atribut2="val">Text</TAG> O pagina web poate contine: • text • imagini • fisiere audio • fisiere video OBS! Paginile web pot fi vizualizate în browsere, care sunt niste programe de vizitare. Cele mai populare browsere sunt: • Netscape Navigator • Microsoft Internet Explorer
  • 4. 2. Editarea si vizualizarea unui document HTML Editarea unui document HTML Pentru editarea unui document Html se pot folosi procesorele de text Notepad, WordPad sau un editor specializat in crearea paginilor Web. Lansarea in executie a procesorului de texte Notepad: Start Programs Accessories Notepad
  • 5. Operatii elementare aupra documentelor HTML Crearea unui document File New sau folosind tastele Alt+F, apoi tasta N Salvarea unui document ca document HTML File Save sau folosind tastele Alt+F, apoi tasta S In fereastra Save parcurgeti urmatoarele etape: Pas1: din lista ascunsa Save In alegeti directorul in care salvati documentul Pas2: scrieti in zona de editare File name numele pe care doriti sa il dati documentului adaugand extensia html sau htm Pas3: actionati declansatorul Save
  • 6. Operatii elementare aupra documentelor HTML Deschiderea unui document HTML File Open sau Alt+F dupa care tasta O In fereastra Open se parcurg urmatorii pasi: Pas1: din lista ascunsa Save as Type alegeti tipul documentului Pas2: din lista ascunsa Look in alegeti directorul in care se gaseste documentul pe care doriti sa-l decshideti Pas3: in casuta de dialog File name scrieti numele documentului pe care doriti sa-l deschideti sau selectati cu mose-ul documentul respectiv Pas4: actionati declasantorul Open
  • 7. 3. HTML de baza Structura documentului HTML Structura unui document html se delimiteaza de urmatoarele marcaje: Marcajul de specificare a documentului de tip <HTML> hipertext <HEAD> Marcajul de specificare a capului documentului <TITLE> structura paginii mele de tip hipertext delimiteza informatiile referitoare la crearea paginii </TITLE> Web, informatii ce nu vor aparea la vizualizarea paginii respective cu un program de navigare </HEAD> marcajul <TITLE>..</TITLE>delimiteaza un nume pe <BODY> care dorim sa-l dam paginii ce urmeaza s-o realizam si Continutul paginii mele este care va aparea in bara de stare a programului de acesta navigare </BODY> Marcajul de specificare a corpului documentului de tip hipertext </HTML> Acest marcaj cuprinde continutul paginii Web ce va aparea la incarcarea ei cu un program de navigare
  • 8. 3. HTML de baza Parametrii marcajului <BODY>..</BODY> Parametrul bgcolor - se poate stabili prin valoarea lui culoarea fundalului paginii; valoarea acestuia va fi numele din limba engleza al culorii, incadrat intre ghilimele sau codul culorii precedat de semnul # incadrat de ghilimele. Exemplu: <body bgcolor=“blue”> continutul paginii web</body> <body bgcolor=“#0000FF”> continutul paginii web</body> Parametrul background –se poate utiliza pentru fundalul unei pagini o imagine a carei adresa este specificata ca valoare a acestiu parametru. <body background=URL>...</body>, unde URL este un sir de caractere ce reprezinta adresa imaginii ce va fi utilizata de navigator ca fundal pentru pagina Web. Parametrul TEXT -stabileste culoarea textului din pagina Web, culoarea poate fi specificata prin nume sau prin modelul RGB prezentat. Parametrul LINK / Parametrul VLINK / Parametrul ALINK -stabileste culoarea cu care vor fi scrise in text legaturile nevizitate /vizitate / in curs de vizitare; culoarea poate fi specificata prin nume sau prin modelul RGB prezentat. Culori date prin nume Culori exprimate prin valoare RGB Culori sigure Internet