Sunteți pe pagina 1din 13

CREAREA

PAGINILOR
HTML Clasa a a IX-a
INTRODUCERE Prof. Pavel
Daniela
1.CE ESTE EDITORUL HTML SI CARE
ESTE ROLUL LUI?

HTML=Hyper Text Markup Language

Editorul HTML este un program specializat,


utilizat pentru crearea paginilor Web.
HTML permite utilizatorilor sa realizeze pagini
care includ: texte, grafica si legaturi la alte
pagini de Web.
2.LANSAREA EDITORULUI

Este functie de tipul de edito ales. Pentru


realizarea documentelor HTML pot fi
utilizate: - editoare simple de text( Notepad)
sau
- editoare ce pot dispune de functii
sophisticate(WYSIWYG – What You See Is
What You get)
3.VIZUALIZAREA FISIERELOR HTML-

⦿ poate fi facuta cu ajutorul unui browser web.


- Internet Explorer
- Opera
- Mozilla Firefox
4.STRUCTURA UNUI DOCUMENT
HTML

⦿ Este structurat in doua parti: antetul-“head”


si continutul-,,body”
<HTML>
<TITLE> Titlul documentului </TITLE>
</HEAD>
<BODY>
Cea mai simpla pagina web
</BODY>
</HTMl>
5. DEFINIREA NOTIUNII DE TAG.

⦿ Pentru realizarea aspectului unui document


se folosesc tag-uri.
⦿ Tag-urile sunt niste etichete sau marcaje pe
care limbajul HTML le foloseste alaturi de
texte pentru a ajuta browser-ul de internet
sa afiseze correct continutul paginii Web.
⦿ Tag-urile sunt scrise intre paranteze
unghiulare si pot fi scrise atat cu litere mari
cat si cu litere mici.
6.CLASIFICAREA TAG-URILOR.

⦿ A) tag-uri pereche(un tag de inceput si unul


de incheiere) Exemple: <HTML> SI </HTML>;
<HEAD>SI </HEAD>; <TITLE>SI</TITLE>;
<BODY>SI</BODY>
⦿ B) tag-uri singular(nu au un tag de incheiere)
Exemple: <BR>; <HR>
7. SEMNIFICATIA TAG-URILOR.

⦿ <html> si </html> - este vorba de un fisier


html
⦿ <head>si </head>- antet
⦿ <title>si</title>- se poate da titlul
documentului
⦿ <body>si </body>- incepe continutul paginii
web si se termina de scris.
⦿ </html>-tag de incheiere al tg-ului <html>
8. SALVAREA UNUI DOCUMENT

⦿ Din meniul File se alege optiunea Save As.


⦿ Se denumeste documentul dar cu una din
extensiile : .html sau htm.
⦿ Se apasa butonul Save.
9. VIZUALIZAREA PAGINII WEB
CREATA
⦿ Se porneste programul Microsoft Internet
Explorer
⦿ Din meniul File se alege optiunea Open
⦿ Clic pe Open si se deschide o fereastra de
dialog
⦿ Clic pe butonul,, Browser’’
⦿ Se selecteaza fisierul
⦿ Clic pe Open
⦿ Clic pe Ok.
ETICHETE PENTRU FORMATAREA TEXTULUI

⦿ Font
⦿ Pentru alegerea caracteristicilor unui text,
putem folosi tag-ul pereche<FONT> si
</FONT>
⦿ Acest tag accepta mai multe atribute (color,
face, size) care ne vor ajuta in formatarea
textelor.
CE SUNT ATRIBUTELE?

⦿ Atributele pot fi definite ca niste proprietati


ale tag-urilor. Atributele se pun numai in
tag-ul de inceput
⦿ Atributul COLOR se refera la culoarea
textului
⦿ Atributul FACE arata tipul fontului,
⦿ Atributul SIZE arata marimea fontului.
⦿ Ex: <FONT FACE=”Times New Roman”
COLOR=“red” SIZE=“5”>
APLICATIE
Introducere in 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.
HTML permite utilizatorilor sa realizeze pagini
care includ texte, grafica si indicatori la alte pagini
de Web.

Cerinte:
⦿ titlu va fi scris cu font de dimensiune 5, culoare rosu;
⦿ Primul paragraf va fi scris cu albastru;
⦿ Cuvantul HTML din cel de-al doilea paragraf sa fie
scris cu rosu;
⦿ Al doilea paragraf sa fie scris cu verde

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