C2-Webr 2016

Universitatea Constantin Brncui din Trgu-Jiu
TEHNOLOGII WEB
Lect.dr. Adrian Runceanu
copyright@www.adrian.runceanu.ro
Curs 2
Limbajul HTML
(partea II)
23.02.2016
Tehnologii Web
Aspecte generale ale HTML

Atribute HTML
Elementele HTML pot avea atribute:
1. Atribute obligatorii
2. Atribute opionale
Atributele furnizeaz informaii suplimentare despre

un anumit element HTML
Atributele sunt specificate n eticheta de start a unui
element HTML
Atributele sunt specificate prin intermediul perechii
nume/valoare:
nume="valoare
Exemplu: <p align="left">Acest paragraf este aliniat la
stanga.</p>
23.02.2016
Tehnologii Web
3

Atribute HTML (continuare)
Reguli XHTML, XML i versiuni viitoare de HTML
1. Toate elementele HTML trebuie nchise
2. Elementele vide se nchid prin adugarea
semnului / n eticheta de start (exemplu: <br>
se scrie corect <br/>
3. Etichetele HTML sunt scrise cu minuscule, dei ele
nu sunt case sensitive
23.02.2016
Tehnologii Web

Etichete(tag-uri) de baz
Semnificatie
<html>
<body>
Specifica un document de tip HTML
<h1> to <h6>
Specifica titlul unei seciuni din

document
<p>
<br />

Specifica un paragraf
23.02.2016
Specifica corpul unui document HTML
Specifica trecerea la linie nou

Specifica un comentariu
Tehnologii Web

Elemente de tip informatie
Semnificatie
<head>
Definete informaii despre

documentul HTML
<title>
Definete titlul documentului
<meta>
Definete informaii despre

documentul HTML
<base>
Definete adresa predefinit sau inta

predefinit pentru toate legturile din
pagin
<link>
Specifica legatura catre fisierul CSS

(care defineste stilurile de formatare)
23.02.2016
Tehnologii Web
Limbajul HTML (partea II)

3. Inserarea imaginilor
4. Inserarea legturilor n documente HTML
4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
5.2. Lista neordonat
5.3. Lista de tip definiie
5.4. Utilizari speciale ale listelor
23.02.2016
Tehnologii Web
Imaginile sunt stocate in fisiere cu diverse formate.

Formatele acceptate de browsere pentru fisierele imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif
JpEG (Joint photographic Experts Group) cu extensia .jpeg sau .jpg
XpM (X pixMap) cu extensia .xmp
XBM (X BitMap) cu extensia .xbm
BMp (BitMap) cu extensia .bmp (numai cu Internet Explorer)
TIFF (Tagged Image File Format) cu extensia .tif sau .tiff
PNG (Portable Network Graphic) cu extensia .png
Cele mai raspandite formate sunt:

GIF (8 biti pentru o culoare, 256 culori posibile) si
JPEG (24 biti pentru o culoare, 16777216 de culori posibile).
23.02.2016
Tehnologii Web
Adresa URL a unei imagini
URL ("Uniform Resourse Locator") =
identificator unic al resursei este un standard
folosit in identificarea unica a unei resurse in
Internet.
Toate imaginile cu care vom lucra vor avea
adresa URL exprimata in functie de directorul
ce contine documentul HTML care face
referire la imagine.
23.02.2016
Tehnologii Web
URL concateneaz trei elemente:
1. Serviciul (protocolul) Internet utilizat pentru
accesarea resursei
2. Identificatorul calculatorului care stocheaz
resursa (host-ul sau gazda)
3. Identificatorul
resursei
calculatorul gazd (server)
23.02.2016
Tehnologii Web
(fiierului)
pe
10
1. Serviciul (protocolul) Internet utilizat pentru
accesarea resursei
Exist mai multe metode (protocoale) de acces la
informaia stocat pe un calculator conectat la Internet
i respectiv mai muli identificatori de servicii
(protocoale):
a) http:// protocolul de transfer bazat pe hipertext
(Hyper Text Transfer Protocol)
b) ftp:// protocolul de transfer de fiiere (File Transfer
Protocol)
c) file:// pentru accesul la fiierele stocate pe
calculatorul local
23.02.2016
Tehnologii Web
11
2. Identificatorul calculatorului care stocheaz
resursa (host-ul sau gazda) este format din:
nume_calculator.domeniu_internet
unde domeniu_internet reprezint o ramur din
structura arborescent a internetului.
Exemple:
www.utgjiu.ro
www.adrian.runceanu.ro
www.scoaladeinformatica.ro
23.02.2016
Tehnologii Web
12
3. Identificatorul resursei
calculatorul gazd (server)
(fiierului)
pe
Acesta se compune din:

/ - reprezint directorul rdcin
Cale_relativa / - reprezint calea relativ spre
directorul n care se gsete fiierul destinaie
Nume_fiier - numele fiierului destinaie
#nume_ancor - numele unei ancore definite n
fiierul destinaie prin <a name=nume_ancor>.
Acest ultim termen este corect pentru metoda de acces
http://.
23.02.2016
Tehnologii Web
13
3. Identificatorul resursei (fiierului)
calculatorul gazd (server) - continuare
pe
Exemplu:
http://www.runceanu.ro/adrian/index.html#ancora1
unde:
http:// - specific protocolul utilizat
www.runceanu.ro specific sistemul numit www
din domeniul runceanu.ro
/adrian/index.html reprezint calea relativ spre
fiier
#ancora1 reprezint o ancor n fiierul destinaie
ncepnd cu care se va afia pagina n browser
23.02.2016
Tehnologii Web
14
Inserarea imaginilor se poate face cu

ajutorul urmatoarelor tag-uri:
1. <img> - Definete o imagine
2. <map> - Definete harta unei imagini
3. <area> - Definete o zon n cadrul hrii unei
imagini
23.02.2016
Tehnologii Web
15
Elementul img se utilizeaz pentru a ataa unei
pagini o imagine.
Forma general a acestui element este:
<img atribute>
Atributele sunt:
1. SRC - identific fiierul care conine imaginea
respectiv (de tip .jpg, .gif etc.).
23.02.2016
Tehnologii Web
16
n aceast etap nvm s crem paginile pe
propriul calculator, fr a fi conectai la internet.
Prin urmare, fiierul care conine imaginea se va
gsi ntr-un folder oarecare (n exemplul
urmtor el se gsete n acelai folder n care
gsim i fisierul cu extensia .html (cel care
conine pagina).
Din acest motiv, sursa nu conine i calea, dar,
dac este cazul, calea poate fi coninut.
23.02.2016
Tehnologii Web
17
2. ALIGN - tipul de aliniere - reine una din valorile de
mai jos i specific browser-ului modul n care va
alinia imaginea n raport cu textul:
Right, Left, Top, Middle, Bottom
Fie fiierul text de mai jos (scris n Notepad).
Observm c am scris un prim paragraf care nu
conine nici o imagine.
Apoi, am scris un paragraf care, la nceput, conine
o imagine apoi text.
n final, avem un paragraf numai cu text.
23.02.2016
Tehnologii Web
18
Exemplu:
<p> Un paragraf asezat inaintea imaginii</p>
<p> <img src=mihai24.jpg align=right>
Se observ cum se alinieaz imaginii n al doilea paragraf </p>
<p> alt text este scris pentru a evidentia alinierea !!</p>
Right dac ALIGN reine aceast

valoare, imaginea se aliniaz n
dreapta, iar textul care urmeaz
este scris n locul rmas.
23.02.2016
Tehnologii Web
19
Top numai primul rnd al
textului este scris n
dreapta imaginii, n partea
de sus.
Apoi, textul continu dup
imagine, ocupnd ntreaga
lime a ecranului.
23.02.2016
Tehnologii Web
20
Left dac ALIGN reine
aceast valoare, imaginea
se aliniaz n stnga, iar
textul care urmeaz este
scris n locul rmas.
23.02.2016
Tehnologii Web
21
Middle numai primul rnd al
textului este scris n dreapta
imaginii, la jumtatea nlimii
ei.
Apoi, textul continu dup
imagine, ocupnd ntreaga
lime a ecranului.
23.02.2016
Tehnologii Web
22
Bottom numai primul
rnd al textului este scris
n dreapta imaginii, n
partea de jos.
Apoi, textul continua
dupa imagine, ocupand
intreaga latime a
ecranului.
23.02.2016
Tehnologii Web
23
3. alt="nume" - exist posibilitatea ca imaginea s nu
se poat ncrca.
pentru astfel de situaii este folosit parametrul ALT,
unde nume conine un text (alternativ) care va fi
afiat n locul imaginii.
Exemplu:
Fie tag-ul img urmtor i presupunem c imaginea nu
se afieaz.
<img src=mihai24.jpg alt =Mihai >
lat ce apare:
23.02.2016
Tehnologii Web
24
4. height="numar pixeli" - nlimea imaginii.
5. width="numar pixeli" - limea imaginii.
6. border ="nr_pixeli" - Opional, imaginea poate fi nconjurat de un chenar.
<img src=mihai.jpg">
<img src="mihai.jpg" border=5>
7. hspace="nr_pixeli"- determin distana minim care separ imaginea de
celelalte obiecte pe orizontal.
8. vspace="nr_pixeli"- determin distana minim care separa imaginea de
celelalte obiecte pe vertical.
23.02.2016
Tehnologii Web
25
<map> - definete harta unei imagini
Atribut obligatoriu:
name indic numele hrii unei imagini
Nu are atribute opionale

Atribute de tip eveniment acceptate:
onclick, ondblclick, onmousedown, onmousemove,
onmouseout, onmouseover, onmouseup, onkeydown,
onkeypress, onkeyup
23.02.2016
Tehnologii Web
26
<map name="harta">
<area href="curs.html" alt="Curs"
shape=rect coords="6,116,97,184">
<area href="laboratoare.html" alt="Laboratoare"
shape=circle coords="251,143,47">
<area href="contact.html" alt="Contact"
shape=poly coords="150,217,190,257,150,297,110,257">
</map>
<img src="imag_senz.gif" alt="Harta imagine" border=0
width=300 height=300 usemap="#harta">
23.02.2016
Tehnologii Web
27
<area> - definete o zon n cadrul hrii unei imagini
Este inclus ntotdeauna ntr-un element de tip <map>
Atribut obligatoriu:
alt specific textul ce va fi afiat pentru zona respectiva n cazul n care imaginea
nu poate fi ncrcat
Atribute opionale:
shape default, rect, circle, poly

coords coordonatele zonei
href adresa URL a documentului ce va fi ncrcat la acionarea n zona respectiv
target _blank, _parent, _self, _top, nohref
Atribute de tip eveniment acceptate:

onblur, onclick, ondblclick, onfocus, onmousedown, onmousemove,
onmouseout, onmouseover, onmouseup, onkeydown, onkeypress,
onkeyup
23.02.2016
Tehnologii Web
28

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
29
4. Inserarea legturilor n documente

HTML
Principala caracteristic a hipertextelor o
constituie utilizarea legturilor (links).
Un link este o conexiune ctre o alt resurs
Web (un alt hipertext sau o imagine, o
secven video sau audio, un program etc.),
resurs care poate fi accesat din fereastra
browser-ului printr-un simplu clic.
23.02.2016
Tehnologii Web
30
4. Inserarea legturilor n documente

HTML
1.
2.
3.
4.
Limbajul HTML conine multiple elemente prin

intermediul crora se poate crea o legtur ctre
resurse Web:
img (creeaz o legtur ctre o imagine)
link (specific legturi ctre resurse utile)
a (creeaz o legtur ctre o resurs Web ntr-un
document HTML)
applet (creeaz o legtur ctre un program
executabil pe calculatorul utilizatorului)
23.02.2016
Tehnologii Web
31

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
32
4.1. Elementul A
pentru a insera un link ntr-un document HTML
se utilizeaz elementul a (anchor - ancor).
Textul cuprins ntre eticheta de nceput <a> i
cea de sfrit </a> va aprea evideniat n
fereastra browser-ului:
subliniat, colorat n funcie de valorile
atributelor link, Vlink, Alink sau n funcie
de modul de configurare a browser-ului.
23.02.2016
Tehnologii Web
33
4.1. Elementul a
Atributele specifice elementului a sunt: href = URL
specific adresa resursei la care se face legtura.
name = ir-de-caractere
asociaz un nume ancorei curente, astfel nct s poat

constitui inta unui alt link.
Numele trebuie s fie unic n cadrul documentului.
title = ir-de-caractere
asociaz un nume resursei la care se face legtura.

Browser-ul va putea afia titlul resursei cnd utilizatorul
deplaseaz mouse-ul deasupra legturii.
23.02.2016
Tehnologii Web
34
4.1. Elementul a
Exemplu 1:
Descriere
Informaii suplimentare in <a href="cap5. htm" > Capitolul 5
- Inserarea legaturilor in documente HTML </a>.
Efect
n acest exemplu a fost creat un link ctre documentul

HTML cap5.htm.
Observai c adresa resursei int a fost specificat
relativ la locaia curent.
23.02.2016
Tehnologii Web
35
4.1. Elementul a
Exemplu 2:
Descriere <a name="ucb" href="http://www.utgjiu.ro"
title="Universitate"> Universitatea "Constantin

Brancusi" Targu-Jiu </a>
Efect
n acest exemplu, adresa resursei destinaie (pagina
Web a Universitatii Constantin Brancusi din Targu-Jiu)
a fost specificat n mod absolut.
Aceast ancor a fost denumit ucb.
23.02.2016
Tehnologii Web
36
4.1. Elementul A
Exemplu 3:
Descriere
<a name="nceput"></a>
....
<a href="#Inceput">Ia-o de la nceput!</a>
Efect
n exemplul de mai sus am definit o ancor vid, pe care am
denumit-o nceput.
La sfritul documentului am inserat o legtur ctre ancora
nceput, care permite utilizatorului s revin n poziia acestei
ancore.
Observai c n acest ultim caz, pentru specificarea adresei am
utilizat caracterul #, urmat de numele ancorei.
23.02.2016
Tehnologii Web
37
4.1. Elementul A
Exemplu 4:
<a href="Curs.htm#Link"> Curs Limbajul HTML
Descriere (partea II) Cap. Legaturi in documente HTML.</a>
Efect
n acest exemplu am definit o legtur ctre documentul
HTML Curs.htm.
Prin activarea acestei legturi se va deschide n fereastra
browser-ului documentul Curs.htm, la ancora denumit Link.
Observai c pentru a specifica drept int o ancor dintr-un
alt document se utilizeaz notaia: adres#nume-ancora.
23.02.2016
Tehnologii Web
38
4.1. Elementul A
Exercitiu:
Creai o legtur astfel nct acionnd printr-un
clic pe numele unei persoane s i putei scrie un
mesaj e-mail.
Solutie:
protocolul care permite trimiterea unui mesaj e-mail
dintr-un program de navigare se numete mailto.
prin urmare, URL-ul destinaie const din
mailto: adres-destinatar.
23.02.2016
Tehnologii Web
39

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
40
4.2. Elementul link

Ca i elementul a, elementul link permite
specificarea unor legturi ctre alte documente.
Spre deosebire de a, elementul link poate fi
plasat numai n antetul documentului (n
seciunea
head),
deci
prin
urmare
corespunztor acestui element nu se afieaz
nimic n pagina vizualizat de ctre browser.
Din punct de vedere sintactic, elementul link
admite aceleai atribute ca i elementul a, dar
nu admite etichet de sfrit.
23.02.2016
Tehnologii Web
41
4.2. Elementul link

prin utilizarea elementului link pot fi furnizate diferite
informaii, cum ar fi informaii despre autor, informaii
despre versiunile anterioare ale documentului sau
versiuni n alte limbi etc.
Este interpretat de marea majoritate a navigatoarelor
doar pentru a defini legturi cu fisiere de stiluri
Exemplu:
<HEAD>
<TITLE> Capitolul 7 </TITLE>
<link TITLE = "Adrian Runceanu" HREF = "www.utgjiu.ro/ing">
<link TITLE = "previous Version" KREF = "../last/man1.html">
<link rel="stylesheet" type="text/css" href="stiluri.css" />
</HEAD>
23.02.2016
Tehnologii Web
42

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
43
4.3. Elementul base

Specificarea adreselor resurselor Web la care se
creeaz legturi n documente HTML se poate
face:
1. n mod absolut
2. n mod relativ
n cazul specificrii relative a adreselor, se

consider implicit c adresa de baz este locaia
curent.
prin intermediul elementului base exist
posibilitatea de a specifica explicit adresa de
baz a URL-urilor specificate n mod relativ.
23.02.2016
Tehnologii Web
44
4.3. Elementul base

<base href=URL>
Valoarea atributului URL al etichetei <base>

trebuie s fie o adres specificat n mod
absolut.
Observai c elementul base nu admite
etichet de sfrit.
Dac apare, elementul base trebuie plasat n
antetul documentului HTML.
23.02.2016
Tehnologii Web
45
4.3. Elementul base

Exemplu:
<HTML>
<HEAD>
<TITLE> Cuprins </TITLE>
<base HREF="http://www.utgjiu.ro/ing">
</HEAD>
<BODY>
...
<A HKEF="curs/cap1.html"> Capitolul 1 </A>
...
</BODY>
</HTML>
n exemplu am definit adresa de baz http://www.utgjiu.ro/ing.
prin urmare, prin activarea legturii Capitolul 1, browser-ul va ncrca
documentul de la adresa http://www.utgjiu.ro/ing/curs/cap1.html
23.02.2016
Tehnologii Web
46

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
47
5.Liste
n HTML exista posibilitatea ca anumite
enunuri s fie numerotate sau marcate ntr-un
anumit fel.
O astfel de organizare poart numele de list.
n HTML se pot descrie trei tipuri de liste:
1. liste ordonate, n care elementele sunt
numerotate
2. liste neordonate, n care elementele sunt
marcate de asa natura nct nu se sugereaz o
anumit ordine a lor
3. liste de tip definitie
23.02.2016
Tehnologii Web
48
5.Liste
Mai jos putei observa cele trei tipuri de liste:
1. Ora
Ora
2. Comun
Comun
3. Sat
Sat
Ora
Zeci de mii de familii de oameni
Comun
Cteva mii de familii de oameni

Sat
Cteva sute de familii de oameni
Lista
Lista
ordonat neordonat
23.02.2016
Lista de tip definiie
Tehnologii Web
49

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
50
5.1. Lista ordonat

1. Elementul OL (Ordered Lists) creeaz o list ordonat.
Elementele listei sunt trecute ntre tag-urile <OL> i </OL>.
2. Elementul LI (List Item) descrie un element al listei.
Tag-ul obligatoriu este cel de nceput <LI>, iar cel de sfrit
este facultativ: </LI>.
Elementul OL are atributul type. Valorile pe care le poate
lua acest atribut, sunt:
<OL type = a>
<OL type = i>
<OL type = A>
<OL type = l>
<OL type = 1>
23.02.2016
Tehnologii Web
51
5.1. Lista ordonat

Exemplu:
<p> primul exemplu de lista : </p>
<ol>
<li> Sectia de Automatica si Informatica Aplicata;</li>
<li> Sectia de Enegetica; </li>
<li> Sectia de Mecanica; </li>
<li> Sectia de Ingineria Mediului; </li>
</ol>
Efect:
23.02.2016
Tehnologii Web
52

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
53

Elementul UL (Unordered Lists) descrie o list
neordonat.
Elementele listei sunt cuprinse ntre tag-urile
<UL> i </UL>.
Elementul UL are atributul type.
Valorile pe care le poate lua acest atribut,
sunt:
<UL type = cyrcle>
<UL type = disc>
<UL type = square>
23.02.2016
Tehnologii Web
54

Exemplu:
<p> Tipuri de calculatoare: </p>

<ul>
<li> IBM; </li>
<li> COMPAQ; </li>
<li> APPLE; </li>
<li> SUN; </li>
</ul>
Efect:
Tehnologii Web
55

Se pot construi si liste imbricate:
Efect:
<ol type = I >

<li> Exemplul 1 </li>
<ul type=disc>
<li> Varianta A </li>
<li> Varianta B </li>
<li> Varianta C </li>
<li> Varianta D </li>
</ul>
<li> Exemplul 2 </li>
<ul type=square>
<li> Varianta A </li>
<li> Varianta B </li>
<li> Varianta C </li>
<li> Varianta D </li>
</ul>
</ol>
Tehnologii Web
56

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
57

1. Elementul DL (Definition Lists) are rolul de a
descrie o list de definiii.
El folosete tag-urile <DL> </DL>.
2. Elementul DT (Definition Term) definete
termenul din list care trebuie descris.
El utilizeaz tag-ul <DT>.
3. Elementul DD (Definition Description) are
rolul de a reine descrierea termenului.
El utilizeaz tag-ul <DD>.
23.02.2016
Tehnologii Web
58

Exemplu:
<DL>
<DT> HTML <DD> limbaj de descriere a datelor
<DT> CSS <DD> Limbaj de descriere a stilurilor
paginilor web
<DT> PHP <DD> Limbaj de scripting
<DT> MySQL <DD> Limbaj de interogare a bazelor
de date
</DL>
Efect:
23.02.2016
Tehnologii Web
59

4.1. Elementul a
4.2. Elementul link
4.3. Elementul base
5. Liste
5.1. Lista ordonat
23.02.2016
Tehnologii Web
60

Daca intr-o lista, in loc de elementele acesteia introduse prin <li>,
se insereaza un bloc de text, aceasta va fi indentat (la fel ca
elementele unui paragraf).
<html>
<head><title>liste_exemplu</title></head>
<body>
<h1>Un bloc de text indentat</h1><hr>
<ol> Un bloc de text indentat. Un bloc de text
indentat. Un bloc de text indentat. Un bloc de text indentat.
Un bloc de text indentat. Un bloc de text indentat. Un bloc
de text indentat. Un bloc de text indentat. Un bloc de text
indentat.
</ol>
</body>
</html>
23.02.2016
Tehnologii Web
61
23.02.2016
Tehnologii Web
62

In exemplul urmator lista de definitii are itemii <dt> si <dd> multipli.
<html>
<body>
<h1 align="center">O lista de definitii speciala</h1><hr>
<dl>program
<dt><b>Luni</b>
<dt><b>Marti</b>
<dt><b>Miercuri</b>
<dd><i>Ora 9.00.</i>Inscriere
<dd><i>Ora 11.00.</i>Audieri
<dd><i>Ora 13.30.</i>Raspunsuri
</dl>
</body>
</html>
23.02.2016
Tehnologii Web
63
23.02.2016
Tehnologii Web
64

Ultimul exemplu este o lista neordonata personalizata care utilizeaza
pe post de elemente imagini si texte.
<html>
<body>
<h1>O lista personalizata</h1><hr>
<ul>Tipuri de masini Volkswagen sunt:<br>
<li> <img src="images/file1.gif">Golf<br> </li>
<li> <img src="images/file2.gif">Jetta<br> </li>
<li> <img src="images/file3.gif">Passat<br> </li>
<li> <img src="images/file4.gif">Bora<br> </li>
<li> <img src="images/file5.gif">Corrado<br> </li>
<li> <img src="images/file6.gif">Transporter<br></li>
</ul>
</body>
</html>
23.02.2016
Tehnologii Web
65
23.02.2016
Tehnologii Web
66
ntrebri?
23.02.2016
Tehnologii Web
67

C2-Webr 2016

Î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

C2-Webr 2016

Încărcat de

Drepturi de autor:

Formate disponibile

Universitatea Constantin Brncui din Trgu-Jiu

Aspecte generale ale HTML

Atributele furnizeaz informaii suplimentare despre

Aspecte generale ale HTML

Aspecte generale ale HTML

Specifica un document de tip HTML

Specifica titlul unei seciuni din

Specifica corpul unui document HTML

Specifica trecerea la linie nou

Aspecte generale ale HTML

Definete informaii despre

Definete titlul documentului

Definete informaii despre

Definete adresa predefinit sau inta

Specifica legatura catre fisierul CSS

Limbajul HTML (partea II)

Imaginile sunt stocate in fisiere cu diverse formate.

Cele mai raspandite formate sunt:

Acesta se compune din:

Inserarea imaginilor se poate face cu

Right dac ALIGN reine aceast

Nu are atribute opionale

shape default, rect, circle, poly

Atribute de tip eveniment acceptate:

Limbajul HTML (partea II)

4. Inserarea legturilor n documente

4. Inserarea legturilor n documente

Limbajul HTML conine multiple elemente prin

Limbajul HTML (partea II)

asociaz un nume ancorei curente, astfel nct s poat

asociaz un nume resursei la care se face legtura.

n acest exemplu a fost creat un link ctre documentul

title="Universitate"> Universitatea "Constantin

<a href="#Inceput">Ia-o de la nceput!</a>

Limbajul HTML (partea II)

4.2. Elementul link

4.2. Elementul link

Limbajul HTML (partea II)

4.3. Elementul base

n cazul specificrii relative a adreselor, se

4.3. Elementul base

Valoarea atributului URL al etichetei <base>

4.3. Elementul base

Limbajul HTML (partea II)

Cteva mii de familii de oameni

Lista de tip definiie

Limbajul HTML (partea II)

5.1. Lista ordonat

5.1. Lista ordonat

Limbajul HTML (partea II)

5.2. Lista neordonat

5.2. Lista neordonat

<p> Tipuri de calculatoare: </p>

5.2. Lista neordonat

<ol type = I >

Limbajul HTML (partea II)

5.3. Lista de tip definiie

5.3. Lista de tip definiie

Limbajul HTML (partea II)

5.4. Utilizari speciale ale listelor

5.4. Utilizari speciale ale listelor

5.4. Utilizari speciale ale listelor

5.4. Utilizari speciale ale listelor