Prezentarea Limbajului HTML (Curs)

Activai pe rnd
(prin click de mouse)

elementele limbajului
HTML
Autori:
Prof. dr. Bogdan IONESCU
Conf. dr. Iuliana IONESCU
Conf. dr. Florin Mihai
Catedra de Informatic de Gestiune
A.S.E. Bucureti
Limbajul HTML (Hyper Text Markup Language)

Limbajul HTML conine o mare diversitate de comenzi, care poart denumirea specific de
tag-uri sau marcatori.
Tag-uri pereche
< Nume tag> Text < /Nume tag>
nceput de tag
Tag-uri singulare
sfrit de tag
< Nume tag> Text
nceput de tag
Tag-uri cu atribute:
< Nume tag atribut1=valoare1
atribut2=valoare2 ...
atributn=valoaren > Text [< /Nume tag>]
tag
Limbajul HTML (Hyper Text Markup Language)

Structura general a unui document HTML :
CREARE / SALVARE / EXECUIE / ACTUALIZARE
Limbajul HTML: creare / salvare / ncarcare / actualizare
Limbajul HTML: formatarea documentelor

<! Text>comentariu
<B>text</B>
<I>text</I>
<U>text</U>
<S>text</S>
<Sub>
Sub text</Sub>
Sub
<Sup>text</
Sup>
Sup
Sup
<BR>
BR
<Big>text</Big>
<Small>text</Small>
<Hi1-6 [Align=l/r/c]>text</Hi>
<P [Align=r/l/c/j]>text[/P]
<Center>
Center text</
text Center>
Center
<Div [Align=l/c/r/j]>Text</
Text Div>
Div
<HR [Align=l/r/c] [NoShade] [Size=npixeli]

[Width=mpuncte]>

<MARQUEE [Bgcolor=c] [Direction=l/r]
[Behavior=scroll/slide/alternate]> text</MARQUEE>
<BODY [Bgcolor=c] [Text=t] [Link=l] [Vlink=v] [Alink=a]>
.....
</BODY>
<FONT Color=c Size=s Face=f> Text </FONT>
Obs. Toate valorile atributelor din tag-ul Body se specific dup modelul RGB (#rrggbb)
#000000 negru
#FFFFFF alb
#FF0000
rou
FF
#00FF00
FF verde
#0000FF albastru
#FF00
FF FF violet

Culori accesate prin nume

Coduri de culori
Limbajul HTML: liste

<OL [Type=t(1, A, a, I, i)]
[Start=s]>
<LI>
<LI>
.......
</OL>
<UL [Type=t(square, circle, disc)]>

<LI>
<LI>
.......
</UL>
<DL>
DL ... </DL>
DL
<DT>
DT .... </DT>
DT
<DD>
DD ... </DD>
DD
Limbajul HTML: elemente multimedia

<BODY BACKGROUND=Nume/adresa fiierului care
conine imaginea.{GIF, JPEG, TIFF, BMP, WMF, PNG etc}.
<BGSOUND SRC=Nume/adresa fiierului care conine
fundalul sonor.{MID, WAV, MP3, etc.}
<IMG SRC=Nume/adresa fiierului grafic [HEIGHT=m]
[WIDTH=n] [ALIGN=r/l/c]>
< IMG DYNSRC=Nume/adresa fiierului animat.{MOV, AVI,
MPG, etc.} [HEIGHT=m] [WIDTH=n] >
Tem:
Limbajul HTML: legturi hypertext

Hyperlink-urile permit ca, prin executarea unui click pe un ir de
caractere sau pe o imagine, s se vizualizeze coninutul altor
fiiere HTML sau a altor zone aparinnd fiierului curent. n
raport de locaia fiierului destinaie, ctre care se face legtura,
exist mai multe tipuri de legturi hipertext, i anume:
legturi interne care se stabilesc ntre zone diferite

aparinnd aceluiai fiier;
legturi locale,
locale ntre fiiere diferite plasate pe acelai server;
legturi externe,
externe ntre fiiere plasate pe servere diferite.
Pentru realizarea legturilor hipertext se folosete tag-ul ANCOR,

ANCOR
Astfel, la surs, n fiierul din care se va genera conexiunea, tag-ul
Ancor va conine un atribut (HREF Hypertext Reference) care
s permit specificarea URL-ului (Uniform Resource Locator)
fiierului destinaie, n spe, a adresei acestuia.
Limbajul HTML: legturi hypertext: interne

La surs:
<A Href=#cuvnt-cheie>Text (Imagine) de conectare </A>

La destinaie:
<A Name=cuvnt-cheie> [Paragraf int] </A>

<A Name=Locatie inceput></A>
...Locatie de nceput...
FABBV
<UL type=disc>
<LI><A Href=#LocatieFABBV>FABBV</A>
.....
</UL>
.....
<A Name=LocatieFABBV>FABBV</A>
......
CIG
Ec. Gen
REI
...Locatie FABBV...
FABBV
Text ce descrie FABBV
Imagine.GIF
<A HREF=#Locatie inceput><IMG SRC=Imagine.gif ></A>
Limbajul HTML: legturi hypertext: locale

La surs:
<A Href=Nume/adresa fiier HTML>Text de conectare </A>

<A Href=Nume/adresa fiier HTML#cuvnt-cheie>Text de conectare </A>
La destinaie:
<A Name=cuvnt-cheie> Paragraf int </A>

......
FABBV.HTML
<UL type=disc>
<LI><A Href=FABBV.HTML>FABBV</A>
ASE.HTML
....
....
....
FABBV
CIG
......
Text ce descrie
FABBV
.......
CIG.HTML
<LI> ><A Href=CIG.HTML#LocatieCIG>CIG</A>
......
.....
Text ce descrie
CIG
<A NAME=LocatieCIG></A>
LocatieCIG
...LocaieCIG...
Limbajul HTML: legturi hypertext: externe

La surs:
<A Href=URL> Text / (Imagine) de conectare </A>
<A Href=MailTo:nume.utilizator@domeniu> Text / (Imagine) </A>
URL = Uniform Ressource Locator
http://www.ase.ro/editura/catalog/index.htm
http ://
Protocolul de
comunicaie
sintax URL :
www.ase.ro
/editura/
editura catalog/
catalog index.htm
Nume calculator conectat
la Internet
Locaie resurs informaional

(document HTML, PDF, etc.)
URL-ul corespunde unei pagini Web ce utilizeaz serviciul WWW

(accesate prin protocolul http), nregistrat pe un calculator cu
adresa www.ase.ro n Romnia (domeniul ro), un fiier index.htm
aflat n folderul catalog din editur.
editur
Limbajul HTML:
HTTP
Protocolul de
comunicaie
legturi hypertext: protocolul HTTP

definete formatul de transport al
datelor, ntre o surs i o destinaie
Pe Internet, datele circul prin pachete de date de dimensiune fix.

Fiecare pachet de date conine n plus un antet (Header) de civa bytes.
Acest antet depinde de tipul de resurs informaional ce este vehiculat
pe Internet i conine informaii cum ar fi numrul pachetului, adresa
expeditorului, destinatarului, volumul informaiei, etc.
Potrivit tipului de resurs informaional (WEB, NEWS, FTP, ..) natura
antetului este specific fiecrui protocol de transport ("http" pentru web,
"ftp" pentru transferul fiierelor ..)
O adres web poate fi specificat n mod direct, fr obligativitatea
precizrii protocolului. Acesta este determinat direct, dup tipul resursei
informaionale.
Limbajul HTML: legturi hypertext: domenii

Nume calculator pe Internet
www.ase.ro
Reeaua Internet
INT
COM
GOV
EDU
Domeniu principal
Domeniu(nii) secundar(e)
MIL
ASE
CIG
PUB
FAB
NET
RO
CCS
BCUB
REI
.....
UNIBUC
.....
.....
Pentru a putea accede la un calculator distant, acesta trebuie s posede o adres unic n
lume. Aceast adres este dat de numele calculatorului (Host-ului) conectat la Internet.
Acest nume este constituit din mai multe domenii separate prin caracterul punct.
Numele calculatorului conectat la Internet www.ase.ro este constituit din trei domenii (care se
citesc de la dreapta la stnga, de la cel mai cuprinztor la cel mai precis:
Domenii mari de activitate
Ex. .int / .edu / .org / .com / .mil / .gov / .net
Domeniul
principal
Domeniul de ar (.ro) reprezint ansamblul calculatoarelor ce sunt

conectate la Internet n ara respectiv (Romnia)
Ex. .ro / .ca / .us / .fr / .it / .sp / .gr / .pt / .uk
.qc.ca = provincia Qubec din Canada
Pentru rile mari, codul de ar este precedat de codul de regiune
Domeniu(nii) secundar(e)
Limbajul HTML:
legturi hypertext: domenii
ase = numele calculatorului ce are rol de server WEB conectat la INTERNET

un ansamblu de calculatoare conectate ntr-o reea local de tip intranet.
Acest nume este atribuit de administratorul reelei. Numele este nregistrat la ICI
Un domeniu secundar poate avea mai multe subdomenii (ierarhic inferioare). n
fapt numele subdomeniilor sunt numele calculatoarelor gazd ale subdomeniilor
respective.
Ex. ase.ro are cig.ase.ro sau fin.ase.ro
www = numele serviciului Internet

editura/catalog/Pdf/finante.pdf
Locaie resurs informaional
(document HTML, PDF, etc.)
Dac se dorete accesarea unui anumit

fiier aflat pe un server Web din reea,
dup domeniu, trebuie specificat calea
ctre acel fiier HTML/PDF, utiliznd ca
separator caracterul /
Activai pe rnd
(prin click de mouse)
zonele reactive
Zon reactiv pentru transmiterea unui mesaj prin e-mail
Zon reactiv ce permite conexiunea cu fiierul

Istoric.HTML
L
M
T
H
.
c
i
r
Isto
Zon reactiv ce permite conexiunea cu fiierul

Pagina CIG.HTML
L
M
T
.H
G
I
C
a
n
i
g
Pa
Limbajul HTML: Imagini reactive
e-mail
decanat@cig.ase.ro
Istoric.html
Pagina cig.html
Limbajul HTML. Imagini reactive:

Coordonate ecran
Coordonate imagine
Rezoluie monitor:
Width 400
Height 300
Width 400
800 pixeli
600 pixeli
Height 300
600 pixeli
800 pixeli
800 X 600@80Hz
Coordonatelezonelor
zonelorreactive
reactive se
seraporteaz
raporteazlalaimaginea
imagineareactiv
reactivii
Coordonatele
NUlalapagina
paginaWeb
Webn
nansamblul
ansambluleiei
NU
Width=X
(350)
Limbajul HTML.Imagini reactive: Form Rectangular

Coordonatele
zonelor reactive se
exprim n pixeli,
prin perechi de
adrese Width
Height
Height=Y (0)
Width=Z
(400)
le
g
n
ta
c
e
R
Height=T (50)
<Areashape=Rect
shape=Rectcoords=X,Y
coords=X,Y Z,T
Z,THref=
Href=mailto:decanat@cig.ase.ro">
mailto:decanat@cig.ase.ro">
<Area
Limbajul HTML. Imagini reactive: Cerc
Height=Y (100)
Ra
za
ce r
c=
R(
Width=X (200)
le
c
r
i
C
le
te
na i
do lu
o r t ru ui
Co cen rcul
ce
L
M
T
H
.
ic
r
o
Ist
50)
<Areashape=Circle
shape=Circlecoords=X,Y,R
coords=X,Y,RHref=
Href=Istoric.HTML">
Istoric.HTML">
<Area
Limbajul HTML. Imagini reactive: Poligon
Width=A (330)
na L
i
g M
Pa . H T
G
I
C
Height=B (230)
D (260)
coords=A,B C,D
C,D E,F
E,F G,H
G,H I,J
I,J
coords=A,B
Href=Pagina
PaginaCIG.HTML">
CIG.HTML">
Href=
Po
ly
G (310)
E (350)
<Areashape=Poly
shape=Poly
<Area
C (350)
I (310)
J (260)
H (310)
F (310)
Limbajul HTML: Imagini reactive

Zone reactive identificate
generic sub numele harta
harta
ASE.gif
....
<Map name=harta">
<Area shape=ptrat"
ptrat coords=X,Y Z,T" Href="mailto:decanat@cig.ase.ro">
<Area shape=cerc"
cerc coords=X,Y,R" Href="istoric.html">
<Area shape=poligon"
poligon coords=A,B C,D E,F G,H I,J" Href="Pagina cig.html">
</Map>
<IMG USEMAP="#harta" SRC=nume fiier n format grafic"
Height=nr.pixeli nlime
Width=nr. pixeli lungime
Border=nr.puncte>
....
Limbajul HTML
Limbajul HTML: Cadre (Frames)
COLS=333,10%,*,3*
ROWS=20%,*,2*
<HTML>
<Frameset ROWS / COLS=v1, v2, .... vn
[frameborder=yes/no]
[bordercolor=culoare>]>
<Frame src=URL document int
[name=nume frame]
[scrolling=yes/no]
[noresize]>
<Frame src=URL document int.....>
...
</Frameset>
</HTML>
Limbajul HTML: Cadre (Frames)
e2
m
a
Fr
Limbajul HTML:
Cadre (Frames)
<HTML>
<Frameset ROWS="*,2*">
<Frame src="Istoric.HTML" >
* 2*">
<Frameset COLS="
COLS= ,
<Frame src="tabel Web.html" name="frame1">

<Frame src="fisier HTML.html" name="frame2">
</Frameset>
</Frameset>
</HTML>
Fr
e1
m
a
e2
m
a
Fr
Frame2
<A href="structura.html"
structura.html target="frame2">Structura organizatorica</A>
<A href="tabel1.html" target="frame2">Cursuri de zi</A>
<A href="tabel2.html" target="frame2">Cursuri distanta</A>
<A href="colaborari.html"
colaborari.html target="frame2">Colaborari internationale</A>
<A href="infogest.html"
infogest.html target="frame2">Catedra de informatica</A>
...
Limbajul HTML: Cadre interne (IFrames)

<Iframe src=Formular.html"
name="frame2"
width="400"
height="150"
frameborder="1"
align="right"
scrolling=yes>
</Iframe>
<Iframe src=ASE.html"
name="frame1"
width="400"
height="210"
frameborder="1"
</Iframe>
<Iframe src=URL document int"

[name="frame2]
width="400"
height="150"
[frameborder=n]
[align=l/c/r]
[scrolling=yes/no]>
</Iframe>
Tabele WEB
Cap de
tabel
(TH)
Rnd
tabel
(TR)
Tabel
(TABLE)
Celul
tabel
(TD)
Titlul tabelului
(CAPTION-Top)
CAPTION
Celule fuzionate pe
orizontal
(ROWSPAN)
Celule fuzionate pe
vertical
(COLSPAN)
Titlul tabelului
(CAPTION-Bottom)
CAPTION
Tabele WEB
<TABLE
[BORDER=n1] [BGCOLOR=denumire-culoare]
[CELLSPACING=n2] [CELLPADING=n3]
[WIDTH=n4%]
[ALIGN=left|center|right]
[FRAME=above|below|hsides|vsides|lhs|rhs|box]>
<CAPTION [ALIGN=top|bottom|left|right]> Titlu tabel </CAPTION>

<TH
</TH>
.......
[VALIGN=top|middle|bottom]
[COLSPAN=n] [ROWSPAN=m]
[WIDTH=l] [HEIGHT=h]
[BGCOLOR=denumire_culoare]
[NOWRAP]>Text ce definete intrarea ntr-o celul a antetului
Tabele WEB
.......
<TR
[VALIGN=top|bottom|middle]
[BGCOLOR=denumire_culoare]>
.......
</TR>
<TD
[VALIGN=top|middle|bottom] [ALIGN=left|center|right]
[COLSPAN=n] [ROWSPAN=m]
[WIDTH=l] [HEIGHT=h]
[BGCOLOR=denumire_culoare]
[NOWRAP]>Text ce definete intrarea ntr-o celul
</TD>
.......
</TABLE>
Formulare Web. Interfaa CGI

WorkStation
USER
er
v
r
Se EB
W
Script
CGI
Utilizatorul solicit server-ului un formular

Server-ul trimite formularul spre completare
Formularul completat este retransmis server-ului
Server-ul transfer datele scriptului CGI pentru
prelucrare
Scriptul CGI transmite datele prelucrate serverului, iar acesta, va trimite un mesaj de confirmare
navigatorului Web
n fereastra NotePad sunt

afiate datele din formular
Se confirm modul de transmitere a

datelor (n acest caz, prin e-mail)
Se vizualizeaz trimiterea datelor
prin fereastra OutLook Express
Se trimit datele pe server-ul WEB
Se extrag mesajele
adresate utilizatorului
Se deschide programul de
pot electronic (OutLook)
Se deschide mesajul recepionat de pe server-ul WEB
Se opteaz, fie pentru deschiderea

fiierului, fie pentru salvarea
acestuia pe disc.
Se deschide fiierul ataat ce

conine datele formularului
Formulare WEB. Tipuri de controale

Caset TEXT
Caset TEXT
LIST
DERULANT
BUTOANE DE
OPIUNI (radio)
LIST DERULANT MULTIOPIUNI

CASETE DE VALIDARE
Caset TEXT_ASCUNS
Buton
TRANSMITERE DATE
Buton
TERGERE DATE
Caset TEXT
MULTILINIE
Formulare WEB. Sintaxa general

<HTML>
<FORM METHOD=Post/Get
ACTION=URL script_CGI / adres e-mail
NAME=nume formular
[TARGET=nume frame]>
... ...
</FORM>
/FORM
</HTML>
Formulare WEB. Casete de text

<INPUT TYPE="text" NAME="nume_control"
[VALUE=val.implicit text][SIZE=lungime afiare]
[MAXLENGTH=nr.maxim de car.admise]>
Formulare WEB.
Casete (multilinie / invizibile) de text
<TEXTAREA NAME="nume_control"
[ROWS=nr.linii de afiare]
[COLS=nr.coloane de afiare]
</TEXTAREA>
<INPUT TYPE=hidden" NAME="nume_control"

[VALUE=text cu atribut de vizualizare inhibat]>
Formulare WEB. Casete de opiuni

<INPUT TYPE=radio NAME=nume_control
[CHECKED] [DISABLED]> etichet text
<INPUT TYPE=checkbox NAME=nume_control

[CHECKED] [DISABLED]> etichet text
Formulare WEB. Liste derulante

Afiarea
unei singure
opiuni
(Size=1)
<SELECT NAME=nume_control
[SIZE=s]
[MULTIPLE]>
<OPTION [SELECTED]>opt1
...
<OPTION [SELECTED]>optn
</SELECT>
Afiarea mai
multor
opiuni
(Size=3)
Formulare WEB. Butoane de comand

<INPUT TYPE=Submit Name=Nume control
VALUE=etichet buton [DISABLED]>
<INPUT TYPE=Reset Name=Nume control

VALUE=etichet buton DISABLED>
<INPUT TYPE=Image Name=Nume control
SRC=specificator fiier grafic
[Height=n] [Width=m] [DISABLED]>
Formulare WEB. Tem
Activai
link-ul
Definirea proprietilor de stil n

HEAD i apelarea lor n BODY
<Style Type="text/css">
ype="text/css
..... {.....; .....; .....}
</Style>
/Style
<.....>
Se definesc proprietile de stil n antet
Se apeleaz proprietile de stil n corpul documentului
Foi de stil: definirea proprietilor de stil n antetul documentului
<HEAD>
<Style Type="text/css">
ype="text/css
Tag
Tag1,...Tagn
P {font-family:Arial; color:blue}
{proprietate1:valoare1;
proprietate2:valoare2
proprietaten:valoaren}
{proprietate1:valoare1; ...}
Tag:atribut
{proprietate1:valoare1; ...}
Tag1.nume1
Tag1.nume2
.nume3
{proprietate1:valoare1; .....}
</Style>
/Style
</HEAD>
H3 {font-family:Arial,"Arial Black";
font-style:italic; font-size:20pt;
color:red}
P, I {font-family:"Times New Roman";
font-style:italic;
font-size:12pt; color:black}
A:HOVER
{text-decoration:underline overline;
color:yellow;
background-color:magenta}
P.Mov {color:magenta}
P.Rosu {color:red}
.formatare {color:green}
Foi de stil: apelarea n corpul de text BODY a proprietilor de stil
<H3>Exemplu de H3 pentru
Arial+italic+rosu</H3>
<P><I>Exemplu</I></P>
<A Href="#zona">Exemplu de
link invizibil cu efect de
fundal</A>
<P>Paragraf scris cu albastru</P>
<P CLASS="mov">Paragraf scris cu mov </P>

<P CLASS="rosu">Paragraf scris cu rosu </P>
<P CLASS="formatare">Paragraf cu aplicarea unui stil generic </P>
Definirea proprietilor de
stil in-line (n Body)
<... ...>
Se definesc i se apeleaz proprietile de stil n Body
Foi de stil: definirea proprietilor de stil in-line (n tag-ul BODY)

<BODY>
<Tag Style=propriet1:valoare1; ... proprietn:valoaren >Text </Tag>
.....
</BODY>
Exemplu:
<H1 STYLE=Font-family:script; Color:magenta; Font-weight:bold; Font-size:20pt;
Text-indent:2cm; Letter-spacing:0.3em">
etter-spacing:0.3em" Exemplu de stil in-line
personalizat pentru H1 </H1>
<H1>Exemplu de stil H1 nepersonalizat </H1>
Definirea proprietilor de stil ntr-un fiier extern CSS
(se declar stilurile)

<Link Rel=..... >
<.....>
Se realizeaz legtura
cu fiierul CSS
..... {.....; .....; .....}

..... {.....; .....; .....}
Se apeleaz proprietile de stil n corpul documentului
Foi de stil: definirea

proprietilor de
stil ntr-un fiier
extern CSS
<HTML>
<HEAD>
<LINK Rel=stylesheet Type=text/css Href=nume/adresa fiier.CSS>

</HEAD>
<BODY>
<A NAME="zona">
<P CLASS="rosu">Exemplu de paragraf scris cu rosu + .....</P>
<P CLASS="albastru">Exemplu de paragraf scris cu albastru + .....</P>
<A CLASS="ancora" HREF="#zona">Exemplu de legatura hipertext</A>
</BODY>
</HTML>
Foi de stil: Exemple de proprieti de stil definite n paginile Web

font-family: font1, font2... stabilirea unei liste de fonturi disponibile, separate
prin caracterul virgul
font-size: n pt unde n reprezint dimensiunea caracterelor n numr puncte
tipografice (1 punct tipografic=1/72 inch)
font-style: italic scrierea cu caractere cursive (italice)
font-weight: bold scrierea cu caractere aldine (ngroate)
font-stretch: condensed|expanded editarea cu caractere condensate sau
expandate
color: nume_culoare setarea culorilor pentru caractere
background-color: nume_culoare stabilirea unei culori de fundal pentru text
background-image: nume/adresa fiier grafic setarea unei imagini de fundal, cu
specificarea numelui, eventual a adresei fiierului care furnizeaz imaginea
text-transform: uppercase | lowercase transformarea textului n caractere
majuscule sau n caractere minuscule
text-align: left | center | right | justify alinierea textului pe orizontal
text-decoration : none | underline | overline | line-through | blink setarea modului
de afiare a cuvintelor de legtur ce se constituie ca hyperlink-uri
vertical-align: sub | super scrierea sub form de indice, respectiv sub form de
exponent

Prezentarea Limbajului HTML (Curs)

Î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

Prezentarea Limbajului HTML (Curs)

Încărcat de

Drepturi de autor:

Formate disponibile

Activai pe rnd

(prin click de mouse)

Limbajul HTML (Hyper Text Markup Language)

< Nume tag> Text < /Nume tag>

< Nume tag> Text

Limbajul HTML (Hyper Text Markup Language)

CREARE / SALVARE / EXECUIE / ACTUALIZARE

Limbajul HTML: creare / salvare / ncarcare / actualizare

Limbajul HTML: formatarea documentelor

<HR [Align=l/r/c] [NoShade] [Size=npixeli]

Limbajul HTML: formatarea documentelor

Limbajul HTML: formatarea documentelor

Limbajul HTML: formatarea documentelor

Limbajul HTML: formatarea documentelor

Limbajul HTML: liste

<UL [Type=t(square, circle, disc)]>

Limbajul HTML: elemente multimedia

Limbajul HTML: legturi hypertext

legturi interne care se stabilesc ntre zone diferite

Pentru realizarea legturilor hipertext se folosete tag-ul ANCOR,

Limbajul HTML: legturi hypertext: interne

<A Href=#cuvnt-cheie>Text (Imagine) de conectare </A>

<A Name=cuvnt-cheie> [Paragraf int] </A>

<A HREF=#Locatie inceput><IMG SRC=Imagine.gif ></A>

Limbajul HTML: legturi hypertext: locale

<A Href=Nume/adresa fiier HTML>Text de conectare </A>

<A Name=cuvnt-cheie> Paragraf int </A>

<LI> ><A Href=CIG.HTML#LocatieCIG>CIG</A>

Limbajul HTML: legturi hypertext: externe

URL = Uniform Ressource Locator

Locaie resurs informaional

URL-ul corespunde unei pagini Web ce utilizeaz serviciul WWW

legturi hypertext: protocolul HTTP

Pe Internet, datele circul prin pachete de date de dimensiune fix.

Limbajul HTML: legturi hypertext: domenii

Domeniul de ar (.ro) reprezint ansamblul calculatoarelor ce sunt

ase = numele calculatorului ce are rol de server WEB conectat la INTERNET

www = numele serviciului Internet

Dac se dorete accesarea unui anumit

Zon reactiv pentru transmiterea unui mesaj prin e-mail

Zon reactiv ce permite conexiunea cu fiierul

Zon reactiv ce permite conexiunea cu fiierul

Limbajul HTML: Imagini reactive

Limbajul HTML. Imagini reactive:

Limbajul HTML.Imagini reactive: Form Rectangular

Limbajul HTML. Imagini reactive: Cerc

Limbajul HTML. Imagini reactive: Poligon

Limbajul HTML: Imagini reactive

Limbajul HTML: Cadre (Frames)

Limbajul HTML: Cadre (Frames)

<Frame src="tabel Web.html" name="frame1">

Limbajul HTML: Cadre interne (IFrames)

<Iframe src=URL document int"

<CAPTION [ALIGN=top|bottom|left|right]> Titlu tabel </CAPTION>

Formulare Web. Interfaa CGI

Utilizatorul solicit server-ului un formular

n fereastra NotePad sunt

Se confirm modul de transmitere a

Se trimit datele pe server-ul WEB

Se deschide mesajul recepionat de pe server-ul WEB

Se opteaz, fie pentru deschiderea

Se deschide fiierul ataat ce

Formulare WEB. Tipuri de controale