Lectia 1

564 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
564
On SlideShare
0
From Embeds
0
Number of Embeds
128
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Lectia 1

  1. 1. Tehnologia Informaţiei şi Comunicaţiilor Dumitru Alina Colegiul Economic Mangalia/Liceul Tehnologic Ion Bănescu Mangalia Ce este limbajul HTML? 1
  2. 2. Cuprins: 2
  3. 3. Introducere 3
  4. 4. Ce este limbajul HTML? 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. 4
  5. 5. De ce trebuie sa invat HTML? Invatarea limbajului HTML are trei mari avantaje: • este foarte simpla si nu necesita mult timp • ofera controlul absolut asupra realizarii paginii web • poti folosi in cadrul paginilor pe care le vei realiza secvente de cod HTML 5
  6. 6. Ce imi trebuie ca sa invat HTML? Invatarea limbajului HTML este foarte usoara, nu ai nevoie decat de urmatoarele: • sa stii sa utilizezi un editor de text (ex: Notepad etc.) • sa ai cel putin un browser de internet (ex: Microsoft Internet Explorer , Mozilla Firefox etc.) 6
  7. 7. Structura unui document HTML 7
  8. 8. 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. Structura unui document HTML 8
  9. 9. Care sunt principalele tag-uri din structura unui document HTML? <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-l putea afisa. <HEAD> - intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii folositoare pentru browser-ul de internet, informatii pe care le vom descoperi pe parcursul acestui curs. <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. <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. </HTML> - este tag-ul de încheiere al tag-ului <HTML>. Codul oricarui document se termina cu acest tag. 9
  10. 10. 1. Se deschide programul Notepad 2. Se va scrie codul sursa. Exemplu: <HTML> <HEAD> <TITLE>Prima pagina web</TITLE> </HEAD> <BODY> Aceasta este prima mea pagina web .<BR> </BODY> </HTML> 3. Se va salva Documentul cu extensia Nume.html, din meniul File-Save As ( Fisier-Salvare ca) Daca ai lucrat corect pagina trebuie sa apara asa: Pentru verificare apasa aici Cum se realizeaza primul document HTML ? 10
  11. 11. Etichetele si atributele lor 11
  12. 12. Tag-ul <body> are urmatoarele atribute: bgcolor-pentru culoarea de fundal background- pentru imaginea de fond Codul sursa: <html> <title>Prima pagina web</title> <body bgcolor=red> Aceasta este prima mea pagina web <BR> </body> </html> Pentru verificare apasa aici Cum modificam culoarea de fundal? 12
  13. 13. Tag-ul <font> are urmatoarele atribute: Color- pentru culoarea textului Size- pentru dimensiunea textului Face-pentru tipul fontului Codul sursa: <html> <title>Prima pagina web</title> <body bgcolor=red> <font color=blue size=10> Aceasta este prima mea pagina web < </font> </html> Pentru verificare apasa aici Cum se formateaza textul? 13
  14. 14. Aspectul de baza al textului poate fi modificat utilizand marcatorii: •<B>.. text...</B> - pentru stilul bold •<I>..text...</I> - pentru stilul italic •<U>...text...</U> - pentru stilul underline •<SUB> ... text...</SUB> - pentru scrierea sub forma de indice •<SUP>...text...</SUP> - pentru scrierea sub forma de exponent Codul sursa: <html> <title>Prima pagina web</title> <body bgcolor=red> <U> Aceasta este prima mea pagina web </U> <BR> </body> </html> Pentru verificare apasa aici Cum se formateaza textul? 14
  15. 15. <LEFT> </LEFT> Toate elementele dintre marcaje vor fi aliniate la stanga. <CENTER> </CENTER> Toate elementele dintre marcaje vor fi centrale. <RIGHT> </RIGHT> Toate elementele dintre marcaje vor fi aliniate la dreapta. Codul sursa: <HTML> <HEAD> <TITLE>Prima pagina web</TITLE> </HEAD> <BODY> <Center> Aceasta este prima mea pagina web </Center> <BR> </BODY> </HTML> Pentru verificare apasa aici Cum pozitionam obiectele in pagina? 15
  16. 16. Evaluare 16
  17. 17. Care sunt etichetele utilizate pentru inserarea titlului paginii: <body> </body> <title> </title> <titlu> </titlu> Pentru a trece la un rând nou se foloseşte eticheta: <b> <br> <i> Atributul utilizat pentru inserarea unei imagini in fundalul paginii este: bgcolor background link Test 17
  18. 18. Bibliografia 18
  19. 19. Resurse didactice Teodoru, Gugoiu. HTML prin exemple. Bucuresti: Editura Teora, 2000 Daniela Bejan. Limbajul HTML. Bacău: Editura EduSoft, 2006 Resurse on-line si multimedia: http://www.worklance.com/htmltutorial/ceestehtml http://www.ecursuri.ro/cursuri/html-introducere.php http://www.afaceri-online.net/proiectare-site-web/html www.codlea.go.ro www.info-codlea.ro www.fil.unitbuc.ro www.images.google.ro www.3schools.ro www.e-training.iatp.md 19
  20. 20. Concluzii 20
  21. 21. Invatarea editarii paginilor web 21
  22. 22. Care sunt etichetele utilizate pentru inserarea titlului paginii: <body> </body> <title> </title> <titlu> </titlu> Pentru a trece la un rând nou se foloseşte eticheta: <b> <br> <i> Atributul utilizat pentru inserarea unei imagini in fundalul paginii este: bgcolor background link Test 22 Inapoi la test
  23. 23. Care sunt etichetele utilizate pentru inserarea titlului paginii: <body> </body> <title> </title> <titlu> </titlu> Pentru a trece la un rând nou se foloseşte eticheta: <b> <br> <i> Atributul utilizat pentru inserarea unei imagini in fundalul paginii este: bgcolor background link Test 23 Inapoi la test

×