Curs 1

CURS 1
Limbajul HTML
Noiuni introductive
World Wide Web
este un serviciu de acces la informaia stocat pe un calculator aflat
oriunde n lume. WWW n traducere ad-litteram nseamn pnz de

pianjn ntins n ntreaga lume.
Hypertext
Material sub forma de text i imagine, interconectat ntr-o manier
complex, nesecvenial de asociaii, n care utilizatorul poate naviga,

cuta informaii referitoare la un obiect.
Browser
Aplicaie care permite unui utilizator s vizualizeze documente HTML
de pe Web, s navigheze urmrind legturile dintre ele i s transfere
fiiere. Aceste aplicaii afieaz att textul ct i grafica din aceste
documente, redau fiierele audio i video nglobate n documente.
Cele mai populare browsere sunt: Microsoft Internet Explore, Netscape
Navigator, HotJava, Opera
HTML
HTML(HyperText Markup Language) este limbajul n
care sunt scrise paginile Web. Termenii "document

HTML" i "pagina Web" sunt sinonime. Paginile Web
sunt fiiere cu extensia .html sau .htm. Aceste fiiere
se numesc fiiere surs.
Aceste fiiere pot conine:
text
imagini
sunete
filme
programe
legturi(link-uri) ctra alte pagini Web
HTML
HTML nu este un limbaj de programare. HTML nu utilizeaz instruciuni
( ca Pascal-ul sau C-ul) ori comenzi (ca Fox-ul), ci etichete, acestea

fiind numite si balize, elemente sau tag-uri. Sintaxa oricarei etichete
este:
<eticheta atribut1="val" atribut2="val">Text</eticheta>
ntr-un fiier html, se pot include:

programe n JavaScript
scripturi CSS
tag-uri care s seteze parametrii unui applet (program scris n Java i care
rezid pe retea)
Un fiier HTML se poate realiza:
manual, scriind etichet dup etichet n Notepad
cu ajutorul editoarelor HTML precum Homesite, Adobe Golive, Microsoft
Frontpage, Macromedia Dreamweaver (aplicaia cea mai apreciata de
profesionisti), CoffeeCup HTML Editor, Netscape Composer.
HTML
Site Web
O mulime organizat de pagini Web, de obicei cu aceeai tematic, formeaz

un site Web.
Crearea unei pagini Web

Cum realizm o pagin Web ?
Creai un director site-ului pe care intenionai s-l realizai.

Clic pe butonul StartProgramsAccessoriesNotepad pentru a lansa n
execuie editorul de text Notepad.
Introducei textul i etichetele.
Salvai fiierul cu extensia .html sau .htm n directorul dedicat.
Pentru a vedea rezultatul NU este nevoie s fii conectai la Internet.
Deschidei fiierul salvat cu extensia .html n Microsoft Internet Explorer.
Pentru a aduce modificri fiierului, executai click-dreapta pe suprafaa
acestuia i din meniul contextual alegei View Source i veti obine codulsurs. Dupa modificarea fiierului, salvai-l;
sau
Pornii browserul Microsoft Internet Explorer; Alegei din meniul browserului
FileOpen; Clic pe butonul Browse; Deschidei directorul n care ai salvat
fiierul i selectai-l; Apsai butonul Open i apoi pe butonul OK.
Structura unui document HTML

Orice document HTML ncepe cu eticheta <html> i se termin
cu eticheta </html>.
n cadrul blocului <html></html> sunt incluse dou subblocuri
<head></head> (antetul) i <body></body> (corpul).
Instruciunile HTML sunt ntotdeauna ncadrate ntre
parantezele unghiulare .
ntre paranteze nu trebuie s avem spaii dect dac separ
numele instruciunii de atributele ei sau atributele ntre ele.
Tag-urile HTML nu sunt case-senzitive, deci nu conteaz dac
le scriei cu litere mici sau cu litere mari.
Exemplul 1
<html>
<head>
</head>
<body>
Acesta este primul meu
document HTML
</body>
</html>
Titlul unei pagini Web

Pentru ca pagina Web s aib un titlu se utilizeaz
blocul <title></title>.
Acest bloc se introduce n cadrul blocului
<head></head>.
Coninutul blocului <title>...</title> va aprea n bara
de titlu a ferestrei browser-ului.
Dac acest bloc lipsete ntr-o pagin HTML, atunci
n bara de titlu a ferstrei browser-ului va aprea
numele fiierului.
Exemplul 2
<html>
<head><title>Exemplul
2</title>
</head>
<body>Exemplul 2 apare
scris n bara de titlu a ferestrei
browser-ului.
</body></html>
Eticheta 
<html>
<head>
<title>Exemplul 3</title>
</head>
<body>
Trimestrul I
Trimestrul II
Trimestrul III
</body>
</html>
Tercerea pe o linie nou se realizeaz folosind

eticheta 
<html>
<head>
</head>
<body>
Trimestrul I 
Trimestrul II 
Trimestrul III
</body>
</html>
Observaie
Exist dou tipuri de etichete:
- de tip bloc (de exemplu <title>...</title>)

- singulare (de exemplu )
Linia orizontal
Inserarea unei linii orizontale ntr-o pagin
Web se realizeaz cu ajutorul etichetei <hr>.
Exemplul 5
<html>
<head>
</head>
<body>
<hr>
</body>
</html>
Atributele etichetei <hr>

noshade elimin umbra liniei;
size permite alegerea grosimii liniei (n pixeli).
Valoarea prestabilit este 2;

width pemite stabilirea lungimei liniei, n
pixeli sau n procente din limea paginii;
align permite alinierea liniei n pagin.
Valorile posibile a atributului align sunt: left,
center i right;
color permite stabilirea culorii liniei.
Exemplul 6
<html>
<head>
</head>
<body>
Linia urmtoare este fr umdr:
<hr noshade>
Linia urmtoare este cu umbr, de grosime 9
pixeli, de lungime 50%,de culoare roie si
aliniat n centru:
<hr size=9 width=50% color=red
align=center>
</body>
</html>

Curs 1

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Curs 1

Încărcat de

Drepturi de autor:

Formate disponibile

CURS 1

oriunde n lume. WWW n traducere ad-litteram nseamn pnz de

complex, nesecvenial de asociaii, n care utilizatorul poate naviga,

care sunt scrise paginile Web. Termenii "document

( ca Pascal-ul sau C-ul) ori comenzi (ca Fox-ul), ci etichete, acestea

<eticheta atribut1="val" atribut2="val">Text</eticheta>

ntr-un fiier html, se pot include:

O mulime organizat de pagini Web, de obicei cu aceeai tematic, formeaz

Crearea unei pagini Web

Creai un director site-ului pe care intenionai s-l realizai.

Structura unui document HTML

Titlul unei pagini Web

Tercerea pe o linie nou se realizeaz folosind

- de tip bloc (de exemplu <title>...</title>)

Web se realizeaz cu ajutorul etichetei <hr>.

Atributele etichetei <hr>

size permite alegerea grosimii liniei (n pixeli).

Valoarea prestabilit este 2;

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