Sunteți pe pagina 1din 12

Prof.

Turculet Axenia

Cuprins
1.Noiuni introductive
2.Editarea i vizualizarea unui document
HTML
3.HTML de baz
3.1. Structura unui document HTM
3.2. Parametrii marcajului <BODY>
</BODY>
4.Aplicaii

1.Notiuni
HTML a fostintroductive
conceput n 1989 de Tim Berners-Lee. Fiind

un limbaj de marcare, HTML nu utilizeaz instructuni ( ca Pascalul sau C-ul ) ori comenzi ( ca Fox-ul ), ci etichete, acestea fiind
numite i balize, elemente sau tag-uri.
Sintaxa oricrui tag este:
<TAG atribut1="val" atribut2="val">Text</TAG>
O pagin web poate conine:
text
imagini
fiiere audio
fiiere video
OBS!
Paginile web pot fi vizualizate n browsere, care sunt
niste programe de vizitare.

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 n crearea paginilor
Web.
Lansarea n execuie 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

Operatii elementare aupra


documentelor HTML
Deschiderea unui document HTML
File

Open sau Alt+F dup care tasta O

n fereastra Open se parcurg urmtorii pai:


Pas1: din lista ascuns Save as Type alegei tipul documentului
Pas2: din lista ascuns Look in alegei directorul n care se
gsete documentul pe care dorii s-l decshidei
Pas3: n csua de dialog File name scriei numele documentului
pe care dorii s-l deschidei sau selectai cu mose-ul documentul
respectiv
Pas4: acionai declaantorul Open

3. HTML de baza
Structura documentului HTML
Structura unui document html se
delimiteaz de urmatoarele marcaje:
<HTML>
<HEAD>
<TITLE> structura paginii
mele
</TITLE>
</HEAD>
<BODY>
Continutul paginii mele este
acesta
</BODY>
</HTML>

Marcajul de specificare a
documentului de tip hipertext
Marcajul de specificare a
capului documentului de tip
hipertext
Marcajul de specificare a
corpului documentului de tip
hipertext

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 englez al culorii,
ncadrat ntre ghilimele sau codul culorii precedat de
semnul # ncadrat de ghilimele.
Exemplu:
<body bgcolor=blue> coninutul paginii web </body>
<body bgcolor=#0000FF> coninutul paginii web </body>

Parametrii marcajului <BODY>..</BODY>

Ce face
Stabilete culoarea textului din pagina Web,
TEXT="culoare"
culoarea poate fi specificat prin nume sau prin
modelul RGB prezentat.
- unde URL este un ir de caractere ce reprezint
BACKGROUND=U adresa imaginii ce va fi utilizat de navigator ca
RL
fundal pentru pagina Web. <body
background=URL>...</body>,
- unde n este numr natural, stabilete distana n
LEFTMARGIN=n pixeli dintre marginea stng a ferestrei
programului de exploarare
- unde n este numr natural, stabilete distana n
TOPMARGIN=n pixeli dintre marginea de sus a ferestrei
programului de exploarare
LINK="culoare"
Culoarealegturiinainte de click
VLINK="culoare" Culoarealegturiivizitate
ALINK="culoare" Culoarealegturiin timpul click-ului
Setarea

Culori

black
white
silver
gray
green

lightblue
pink
red
darkred
orange

darkgreen

darkorange

lightgreen

lightyellow

grey
lime
teal
olive
aqua

yellow
violet
darkviolet
navy
blue

Culori exprimate prin valoareRGB


Culoare

DarkGray

#A9A9A9

DarkGreen

#006400
#BDB76B

Nume culoare
AliceBlue

Cod culoare
#F0F8FF

DarkKhaki

AntiqueWhite

#FAEBD7

DarkMagenta #8B008B

Aqua

#00FFFF

Aquamarine

#7FFFD4

DarkOliveGre #556B2F
en
Darkorange
#FF8C00

Azure

#F0FFFF

DarkOrchid

#9932CC

Beige

#F5F5DC

DarkRed

#8B0000

Bisque

#FFE4C4

DarkSalmon

#E9967A

Black

#000000

DarkSeaGree #8FBC8F
n
DarkSlateBlue #483D8B

BlanchedAlmon #FFEBCD
d
Blue
#0000FF
BlueViolet

#8A2BE2

Brown

#A52A2A

BurlyWood

#DEB887

CadetBlue

#5F9EA0

Chartreuse

#7FFF00

Chocolate

#D2691E

DarkSlateGra #2F4F4F
y
DarkTurquois #00CED1
e
DarkViolet
#9400D3
DeepPink

#FF1493

DeepSkyBlue #00BFFF
DimGray

#696969

4. Aplicaii
Iat o setare a culorilor folosind att codul RGB
ct i numele culorilor:
<HTML>
<HEAD>
<TITLE> Pagina mea</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#00FF00"
LINK="yellow" VLINK="orange" ALINK="red">
</BODY>
</HTML>