SlideShare ist ein Scribd-Unternehmen logo
1 von 11
 HTML este prescurtarea de la Hypertext 
Markup Language, ceea ce reprezinta de fapt 
limbajul pe care browserele de internet il 
inteleg si cu ajutorul lui pot fi afisate paginile 
web 
 Cu ajutorul limbajului HTML se pot construi 
pagini web nu foarte pretentioase insa 
reprezinta un inceput pentru realizarea site-urilor 
profesionale.
 Tag-urile nu sunt altceva decat niste marcaje sau 
etichete pe care limbajul HTML le foloseste 
alaturi de texte pentru a ajuta browser-ul de 
internet sa afiseze corect continutul paginii web. 
Aceste tag-uri (etichete) pot fi de doua feluri: 
taguri pereche (un tag de inceput si unul de 
incheiere). Exemple: <HTML> si </HTML>; 
<TITLE> si </TITLE>; <HEAD> si </HEAD> 
 
taguri singulare (nu au un tag de incheiere) 
Exemple: <HR>, <BR>
 <HTML> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii 
spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa. 
 <HEAD> - intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii 
folositoare pentru browser-ul de internet 
</HEAD> - acesta este tag-ul de incheiere al tag-ului <HEAD> 
<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau. 
Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a 
documentului. 
</TITLE> - este tag-ul de incheiere al tag-ului <TITLE>. Arata sfarsitul titlului 
documentului. 
<BODY> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile 
<BODY> si </BODY> va fi afisat, de catre browser, pe ecranul monitorului. 
</BODY> - ii spui browser-ului ca ai terminat de scris continutul paginii. Tot ceea ce 
vei scrie dupa acest tag nu va mai fi afisat. 
</HTML> - este tag-ul de incheiere al tag-ului <HTML>. Codul oricarui document se 
termina cu acest tag.
 <HTML> 
<HEAD> 
<TITLE>Prima mea pagina web</TITLE> 
</HEAD> 
<BODY> 
Bine ai venit!<BR> 
Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina 
web! 
</BODY> 
</HTML> 
 Dupa ce am scris codul intr-un editor Notepad, salvam documentul cu 
extensia .html sau .htm
 Atributele pot fi definite ca niste proprietati ale tag-urilor. 
Atributele se pun numai in tag-ul de inceput. Daca un tag 
nu are nici un atribut, atunci browser-ul va lua in 
considerare valorile implicite ale tag-ului respectiv. 
De exemplu, atributul BGCOLOR care se foloseste cu tag-ul 
<BODY> indica ce culoare va avea fundalul viitoarei 
pagini web. Fundalul unei pagini web are in mod implicit 
culoarea alba, dar sa spunem ca vrem ca fondul paginii 
noastre sa fie portocaliu. 
In acest caz vom folosi pentru atributul BGCOLOR codul 
culorii orange: #FF9900 
 <BODY BGCOLOR=" #FF9900"> 
 Pentru bleu, folosim 
 <BODY BGCOLOR="#00FFFF">
 Culoarea textului in cadrul unei pagini html se 
poate schimba folosind atributul COLOR (culoare) 
al tag-ului <FONT>. 
 Mesajul "Bine ai venit!" sa spunem, de exemplu, 
ca am vrea sa fie scris cu albastru in loc de 
negru, care este valoarea implicita si sa fie scris 
cu litere mai mari decat restul textului. Pentru a 
scrie astfel textul, vom folosi tag-ul FONT insotit 
de unele atribute astfel: 
<FONT COLOR="#0000FF" SIZE="6"> 
Bine ai venit! 
</FONT><BR>
 Pentru alegerea caracteristicilor unui text, 
putem folosi tag-ul <FONT>. Acest tag 
accepta mai multe atribute (color, face, size) 
care ne vor ajuta in formatarea textelor. 
Atributul COLOR se refera la culoarea textului 
ce va fi incadrat de tag-urile <FONT> si 
</FONT>, atributul FACE arata tipul fontului, 
iar atributul SIZE arata marimea fontului.
 <FONT COLOR="#FF0000">Imi place aceasta 
lectie</FONT> 
 Exemplu 4 
 <FONT COLOR="#000000" FACE="Arial >Voi 
lucra mai mult in HTML</FONT> 
 Exemplu5 
 <FONT COLOR="#FFA500" FACE="Arial" 
SIZE="7">Stiu sa modific dimensiunea, 
culoarea si tipul fontului</FONT>
 Stabilirea elementelor de stil se face cu 
ajutorul tag-urilor <I>…</I>, <B>…</B>, 
<U>…</U>, <S>…</S>, având ca efect 
înclinarea, îngroşarea, sublinierea şi tăierea 
textului cu o linie

Weitere ähnliche Inhalte

Was ist angesagt?

Prevenirea consumului de droguri
Prevenirea consumului de droguriPrevenirea consumului de droguri
Prevenirea consumului de droguriTipa Ioana Elena
 
Revista Limba noastra.pptx
Revista Limba noastra.pptxRevista Limba noastra.pptx
Revista Limba noastra.pptxNinaMitelea
 
Studiu de caz latinitate si dacism
Studiu de caz latinitate si dacismStudiu de caz latinitate si dacism
Studiu de caz latinitate si dacismSilivestru Catalin
 
Ziua europeana a limbilor
Ziua europeana a limbilorZiua europeana a limbilor
Ziua europeana a limbilorElena
 
1460968212 27. stiinte-clasa-a-iii-a
1460968212 27. stiinte-clasa-a-iii-a1460968212 27. stiinte-clasa-a-iii-a
1460968212 27. stiinte-clasa-a-iii-agimnaziulLarga
 
Romania tara frumoasa
Romania tara frumoasaRomania tara frumoasa
Romania tara frumoasaGeorge Marcu
 
Comunicarea scrisa
Comunicarea scrisaComunicarea scrisa
Comunicarea scrisaRodica B
 
Spune nu violentei in scoala
Spune nu violentei in scoalaSpune nu violentei in scoala
Spune nu violentei in scoalaRodica B
 
Viticultura si Industria Vinicola din R.Moldova
Viticultura si Industria Vinicola din R.MoldovaViticultura si Industria Vinicola din R.Moldova
Viticultura si Industria Vinicola din R.MoldovaRobert XD
 
Cultura si civilizatia dacica
Cultura si civilizatia dacicaCultura si civilizatia dacica
Cultura si civilizatia dacicaJamessonian
 
Manual dezvoltare personala cls a v-a
Manual dezvoltare personala   cls a v-aManual dezvoltare personala   cls a v-a
Manual dezvoltare personala cls a v-aIolandaPaval
 

Was ist angesagt? (20)

Prevenirea consumului de droguri
Prevenirea consumului de droguriPrevenirea consumului de droguri
Prevenirea consumului de droguri
 
Revista Limba noastra.pptx
Revista Limba noastra.pptxRevista Limba noastra.pptx
Revista Limba noastra.pptx
 
Studiu de caz latinitate si dacism
Studiu de caz latinitate si dacismStudiu de caz latinitate si dacism
Studiu de caz latinitate si dacism
 
Ziua europeana a limbilor
Ziua europeana a limbilorZiua europeana a limbilor
Ziua europeana a limbilor
 
1460968212 27. stiinte-clasa-a-iii-a
1460968212 27. stiinte-clasa-a-iii-a1460968212 27. stiinte-clasa-a-iii-a
1460968212 27. stiinte-clasa-a-iii-a
 
Prezentare voluntariat
Prezentare voluntariatPrezentare voluntariat
Prezentare voluntariat
 
Romania tara frumoasa
Romania tara frumoasaRomania tara frumoasa
Romania tara frumoasa
 
Comunicarea scrisa
Comunicarea scrisaComunicarea scrisa
Comunicarea scrisa
 
Spune nu violentei in scoala
Spune nu violentei in scoalaSpune nu violentei in scoala
Spune nu violentei in scoala
 
Viticultura si Industria Vinicola din R.Moldova
Viticultura si Industria Vinicola din R.MoldovaViticultura si Industria Vinicola din R.Moldova
Viticultura si Industria Vinicola din R.Moldova
 
Razboiul rece
Razboiul receRazboiul rece
Razboiul rece
 
Solutii apoase
Solutii apoase Solutii apoase
Solutii apoase
 
Lectia
LectiaLectia
Lectia
 
Vestimentația
VestimentațiaVestimentația
Vestimentația
 
Atomul. Structura atomului
Atomul. Structura atomuluiAtomul. Structura atomului
Atomul. Structura atomului
 
Cultura si civilizatia dacica
Cultura si civilizatia dacicaCultura si civilizatia dacica
Cultura si civilizatia dacica
 
Geto dacii-ppt2
Geto dacii-ppt2Geto dacii-ppt2
Geto dacii-ppt2
 
Manual dezvoltare personala cls a v-a
Manual dezvoltare personala   cls a v-aManual dezvoltare personala   cls a v-a
Manual dezvoltare personala cls a v-a
 
1 septembrie matineu
1 septembrie matineu1 septembrie matineu
1 septembrie matineu
 
Catastrofa de la cernobîl
Catastrofa de la cernobîlCatastrofa de la cernobîl
Catastrofa de la cernobîl
 

Andere mochten auch

Elemente de conţinut ale paginilor web
Elemente de conţinut ale paginilor webElemente de conţinut ale paginilor web
Elemente de conţinut ale paginilor webcttauto
 
Competente digitale
Competente digitaleCompetente digitale
Competente digitaleCarmenMatei
 
Elemente de grafic design
Elemente de grafic designElemente de grafic design
Elemente de grafic designpop tiberiu
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete webAlex Andronic
 
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Sabin Buraga
 
Sabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You LikeSabin Buraga
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Sabin Buraga
 
Cursu PS - ASM Cluj
Cursu PS - ASM ClujCursu PS - ASM Cluj
Cursu PS - ASM ClujASMCluj
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"Sabin Buraga
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Sabin Buraga
 
Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10technoconcord
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minuteSabin Buraga
 
Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Alianta INFONET
 
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Sabin Buraga
 

Andere mochten auch (20)

Elemente de conţinut ale paginilor web
Elemente de conţinut ale paginilor webElemente de conţinut ale paginilor web
Elemente de conţinut ale paginilor web
 
Competente digitale
Competente digitaleCompetente digitale
Competente digitale
 
Elemente de grafic design
Elemente de grafic designElemente de grafic design
Elemente de grafic design
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete web
 
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
 
Sabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and You
 
Web - CGI
Web - CGIWeb - CGI
Web - CGI
 
Web - PHP
Web - PHPWeb - PHP
Web - PHP
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You Like
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
 
Soc Cap01
Soc Cap01Soc Cap01
Soc Cap01
 
Cursu PS - ASM Cluj
Cursu PS - ASM ClujCursu PS - ASM Cluj
Cursu PS - ASM Cluj
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016
 
Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minute
 
Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...
 
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
 
Lucrare de curs WEB
Lucrare de curs WEBLucrare de curs WEB
Lucrare de curs WEB
 
Facebook
FacebookFacebook
Facebook
 

Ähnlich wie Structura unei pagini web

Proiect tic a_1b_dumitru_alina
Proiect tic a_1b_dumitru_alinaProiect tic a_1b_dumitru_alina
Proiect tic a_1b_dumitru_alinaAlina_Dumitru
 
0html introducere
0html introducere0html introducere
0html introducereSima Sorin
 
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...
Elemente de formatare la nivel de linie  sau la nivel de text (text-level sau...Elemente de formatare la nivel de linie  sau la nivel de text (text-level sau...
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...Violeta Tanasescu
 
Info an 2 introducere in html
Info an 2  introducere in htmlInfo an 2  introducere in html
Info an 2 introducere in htmlAndreiEduard
 
Informatica Pagini Web Html
Informatica   Pagini Web HtmlInformatica   Pagini Web Html
Informatica Pagini Web Htmlguest191ab8
 
Perechea_1 ro.pdf
Perechea_1 ro.pdfPerechea_1 ro.pdf
Perechea_1 ro.pdfOxanaRabei1
 

Ähnlich wie Structura unei pagini web (12)

Lectia 1
Lectia 1Lectia 1
Lectia 1
 
Mandache Sorin
Mandache SorinMandache Sorin
Mandache Sorin
 
Proiect tic a_1b_dumitru_alina
Proiect tic a_1b_dumitru_alinaProiect tic a_1b_dumitru_alina
Proiect tic a_1b_dumitru_alina
 
Mandache sorin
Mandache sorinMandache sorin
Mandache sorin
 
Curs html
Curs htmlCurs html
Curs html
 
0html introducere
0html introducere0html introducere
0html introducere
 
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...
Elemente de formatare la nivel de linie  sau la nivel de text (text-level sau...Elemente de formatare la nivel de linie  sau la nivel de text (text-level sau...
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau...
 
Info an 2 introducere in html
Info an 2  introducere in htmlInfo an 2  introducere in html
Info an 2 introducere in html
 
Html
HtmlHtml
Html
 
Informatica Pagini Web Html
Informatica   Pagini Web HtmlInformatica   Pagini Web Html
Informatica Pagini Web Html
 
Perechea_1 ro.pdf
Perechea_1 ro.pdfPerechea_1 ro.pdf
Perechea_1 ro.pdf
 
Tema2 pc2012 v2
Tema2 pc2012  v2Tema2 pc2012  v2
Tema2 pc2012 v2
 

Structura unei pagini web

  • 1.
  • 2.  HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezinta de fapt limbajul pe care browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web  Cu ajutorul limbajului HTML se pot construi pagini web nu foarte pretentioase insa reprezinta un inceput pentru realizarea site-urilor profesionale.
  • 3.  Tag-urile nu sunt altceva decat niste marcaje sau etichete pe care limbajul HTML le foloseste alaturi de texte pentru a ajuta browser-ul de internet sa afiseze corect continutul paginii web. Aceste tag-uri (etichete) pot fi de doua feluri: taguri pereche (un tag de inceput si unul de incheiere). Exemple: <HTML> si </HTML>; <TITLE> si </TITLE>; <HEAD> si </HEAD>  taguri singulare (nu au un tag de incheiere) Exemple: <HR>, <BR>
  • 4.  <HTML> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa.  <HEAD> - intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii folositoare pentru browser-ul de internet </HEAD> - acesta este tag-ul de incheiere al tag-ului <HEAD> <TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau. Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a documentului. </TITLE> - este tag-ul de incheiere al tag-ului <TITLE>. Arata sfarsitul titlului documentului. <BODY> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile <BODY> si </BODY> va fi afisat, de catre browser, pe ecranul monitorului. </BODY> - ii spui browser-ului ca ai terminat de scris continutul paginii. Tot ceea ce vei scrie dupa acest tag nu va mai fi afisat. </HTML> - este tag-ul de incheiere al tag-ului <HTML>. Codul oricarui document se termina cu acest tag.
  • 5.  <HTML> <HEAD> <TITLE>Prima mea pagina web</TITLE> </HEAD> <BODY> Bine ai venit!<BR> Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina web! </BODY> </HTML>  Dupa ce am scris codul intr-un editor Notepad, salvam documentul cu extensia .html sau .htm
  • 6.  Atributele pot fi definite ca niste proprietati ale tag-urilor. Atributele se pun numai in tag-ul de inceput. Daca un tag nu are nici un atribut, atunci browser-ul va lua in considerare valorile implicite ale tag-ului respectiv. De exemplu, atributul BGCOLOR care se foloseste cu tag-ul <BODY> indica ce culoare va avea fundalul viitoarei pagini web. Fundalul unei pagini web are in mod implicit culoarea alba, dar sa spunem ca vrem ca fondul paginii noastre sa fie portocaliu. In acest caz vom folosi pentru atributul BGCOLOR codul culorii orange: #FF9900  <BODY BGCOLOR=" #FF9900">  Pentru bleu, folosim  <BODY BGCOLOR="#00FFFF">
  • 7.  Culoarea textului in cadrul unei pagini html se poate schimba folosind atributul COLOR (culoare) al tag-ului <FONT>.  Mesajul "Bine ai venit!" sa spunem, de exemplu, ca am vrea sa fie scris cu albastru in loc de negru, care este valoarea implicita si sa fie scris cu litere mai mari decat restul textului. Pentru a scrie astfel textul, vom folosi tag-ul FONT insotit de unele atribute astfel: <FONT COLOR="#0000FF" SIZE="6"> Bine ai venit! </FONT><BR>
  • 8.  Pentru alegerea caracteristicilor unui text, putem folosi tag-ul <FONT>. Acest tag accepta mai multe atribute (color, face, size) care ne vor ajuta in formatarea textelor. Atributul COLOR se refera la culoarea textului ce va fi incadrat de tag-urile <FONT> si </FONT>, atributul FACE arata tipul fontului, iar atributul SIZE arata marimea fontului.
  • 9.
  • 10.  <FONT COLOR="#FF0000">Imi place aceasta lectie</FONT>  Exemplu 4  <FONT COLOR="#000000" FACE="Arial >Voi lucra mai mult in HTML</FONT>  Exemplu5  <FONT COLOR="#FFA500" FACE="Arial" SIZE="7">Stiu sa modific dimensiunea, culoarea si tipul fontului</FONT>
  • 11.  Stabilirea elementelor de stil se face cu ajutorul tag-urilor <I>…</I>, <B>…</B>, <U>…</U>, <S>…</S>, având ca efect înclinarea, îngroşarea, sublinierea şi tăierea textului cu o linie