Referinte

• Caracteristica cea mai importanta a

documentelor HTML este aceea de a
putea contine in interiorul lor legaturi
catre alte documente
• exista posibilitatea ca un anumit element
din document sa contina o legatura catre
un alt element din cadrul aceluiasi
document
 Referinte externe
• Orice legatura are doua capete numite ancore si
un sens.
• Primul capat (elementul care refera) este ancora
sursa, iar al doilea capat (elementul referit) este
ancora destinatie.
• Ancora sursa se numeste referinta si ea poate fi
– externa ancora destinatie se gaseste in afara
documentului care contine referinta.
– interna ancora destinatie se gaseste in interiorul
documentului care contine referinta.
<A> si </A>

Atibute
1. href -atribut de referinta hipertext.
Valoarea acestuia este un URL care localizeaza documentul
referit.
Legaturile pot fi si de tip "mail" sau legaturi catre fisiere
de tip "program
2. target
Valorile posibile:
– _self - pentru a afisa documentul destinatie in fereastra
documentului sursa (valoare implicita)
– _blank - pentru a afisa documentul destinatie intr-o noua
fereastra deschisa de programul de explorare
– _parent - folosita la cadre
– _top - folosita la cadre
Obs
Utlizarea URL-urilor relative este convenabila (atunci
cand site-ul este publicat, locatia sa pe server poate fi
schimbata de catre administratorul calculatorului,
aceasta modificare neafectand relatiile si legaturile din
interiorul site-ului).

Pentru a alege culoarea de prezentare a referintelor intr-o

pagina se folosesc urmatoarele atribute ale elementului
Body :
link - pentru culoare textului referintelor nevizitate
vlink - pentru culoarea textului referintelor care au
fost deja vizitate
alink - pentru culoarea textului referintei in momentul
in care aceasta care este activata..
 Referinte interne

• trebuie sa definim in acel document o

ancora destinatie numit "tinta“.
• o tinta se marcheaza cu ajutorul
elementului ancora (A) caruia i se atribuie
un nume de identificare cu ajutorul
atributului Name sau Id.

• este foarte important ca numele de

identificare a unei tinte sa fie unic in
cadrul unui document, in caz contrar
destinatia referintei nu mai este valida.
 Specificare unei relatii intre documente

LINK
• folosit in antetul documentului pentru a specifica o relatie intre documentul
curent si alte documente sau programe din Web.
• nu are continut si nu va fi afisat in interiorul documentului, dar el este
folosit de catre programele de navigare Web in diverse scopuri, depinzand
de valoarea atributul rel (care defineste relatia cu documentul referit).

Atribute
• rel valorile posibile ale acestui atribut:
- alternate defineste o alternativa la documentul curent si este
folosita de obicei impreuna cu atributul hreflang pentru a specifica
limba in care este scris documentul.
- stylesheet defineste o legatura cu un document de tip "foaie de stil
• start defineste primul document dintr-o colectie de documente
• next si previous definesc care sunt urmatorul si, respectiv, precedentul

document intr-o ordonare liniara a colectiei de documente

Inserarea sunetelor și
a videoclipurilor
• Suportul pentru sunete, animaţii şi video este tratat în
mod diferit de browsere.
• Unele elemente pot fi manevrate intern, altele necesită
anumite plug-in-uri, în vreme ce altele pot solicita
activarea anumitor controale ActiveX.
• Elementele multimedia (precum sunetele şi video) sunt
stocate în fişiere media.
• Modalitatea cea mai simplă de a determina tipul unui
fişier media este de a analiza extensia fişierului
respectiv .
 Formatul fişierelor multimedia
ce conţin sunete
• Formatul MIDI (Musical Instrument Digital Interface) este un format ce
permite transmiterea de informaţii muzicale între dispozitive electronice
muzicale (precum sintetizatoare) şi plăcile de sunet ale calculatoarelor
• Fişierele de tip MIDI au extensia .mid sau .midi.
• Fişierele MIDI nu conţin sunete, ci un set de instrucţiuni digitale muzicale
(note muzicale) care pot fi interpretate de plăcile de sunet ale
calculatoarelor.
Avantaje
• mărimea mică a acestor fişiere
• este foarte flexibil
• acest format este suportat de majoritatea sistemelor de operare şi de cele
mai populare browsere
Dezavantaje la acest tip de fişiere constă în faptul că
• nu pot stoca muzică (în toată complexitatea ei), ci doar note muzicale.
Formatul RealAudio
•fişierele de tip RealAudio au extensia .rm sau .ram
•a fost dezvoltat pentru Internet de către Real Media.
•acest format suportă chiar şi video.
•permite difuzarea de informaţii audio (muzică on-line,
Internet radio) cu lăţime de bandă joasă. Din cauza
acestei lăţimi de bandă, calitatea este, de cele mai multe
ori, slabă.
Formatul AU
• fişierele au extensia .au.
• dezvoltat de către Sun Microsystems
• este suportat de majoritatea sistemelor de
operare.
Formatul AIFF (Audio Interchange File Format)
• au extensia .aif sau .aiff.
• dezvoltat de către Apple.
• nu sunt suportate de toate browser-ele.

Formatul SND (Sound)

• au extensia .snd
• dezvoltat de către Apple
• nu sunt suportate de toate browserele.
Formatul WAVE
•WAVE (waveform) a fost dezvoltat de către IBM
şi Microsoft.
•este un format suportat de toate computerele pe
care rulează Windows şi este recunoscut de
majoritatea browserelor.
•fişierele de tip WAVE au extensia .wav.
Formatul MP3
• sunt de fapt fişiere MPEG, dezvoltate iniţial
pentru video de către Moving Pictures Experts
Group.
• fişierele MP3 reprezintă partea de sunet dintr-un
fişier video în format MPEG.
• sistemul de codificare MP3 combină o bună
compresie (ce duce la fişiere mici) cu o calitate
înaltă.
 Formatul MP4
• MP4 nu este o evolutie a MP3
• este un container de clipuri video şi multe alte formate
de mass-media
• MP4 este cel mai frecvent utilizat pentru a stoca
formate video și audio, dar poate fi de asemenea utilizat
pentru a stoca și subtitrări, imagini statice,
și streaming pe internet.
• MP4 este un format protejat care folosește tehnologia
DRM (Digital Rights Management) pentru a restricționa
copierea.
 Inserarea fișierelor audio

Tag-ul <audio> se foloseste pt. a adăuga sunet în pagină.

Atribute:
•autoplay autoplay="autoplay" – sunetul va începe automat.
•controls (controls="controls") - controalele audio (play/ pauză, etc.)
vor fi afișate.
•loop (loop="loop") - muzica va începe din nou după ce se termină.
•src (src="url") - adresa URL a fișierului audio.
•Elementul <audio> foloseste tag-ul <source> ca să specifice sursa
fișierului audio și fișiere alternative pentru diferențele dintre browsere
(tipul de codec recunoscut)
<!DOCTYPE html>
<html>
<body>
<audio controls="controls">
<source src="audio/melodie.mp3"
type="audio/mpeg " >
Browser-ul nu suporta elementul audio.
</audio>
</body> </html>
 Formatul fişierelor multimedia ce conţin video

Formatul AVI (Audio Video Interleave)

•a fost dezvoltat de către Microsoft.
•suportat de toate computerele pe care rulează Windows
•este recunoscut de majoritatea browsere-lor.
•deşi este un format des întâlnit pe Internet, nu este
întotdeauna suportat de calculatoarele cu sisteme de
operare non-Windows.
•fişierele au extensia .avi.
• Formatul Windows Media

• a fost dezvoltat de către Microsoft și este unul

suportat de toate computerele pe care rulează
Windows,
• dar nu este suportat de calculatoarele cu sisteme de
operare non-Windows decât în urma instalării unor
extra componente (playere specializate).
• fişierele au extensia .wmv.
Formatul MPEG (Moving Pictures Expert Group)

•este unul dintre cele mai populare formate folosite pe

Internet.
•este suportat de majoritatea sistemelor de operare şi de
cele mai populare browsere
•fişierele de tip MPEG au extensia .mpg sau .mpeg.
Formatul QuickTime
•fişierele de tip QuickTime au extensia .mov sau .qtm.
•a fost dezvoltat de către Apple
•nu poate rula pe platformele Windows fără instalarea
unui player specializat.

Formatul RealVideo
•a fost dezvoltat pentru Internet de către Real Media
•formatul permite difuzarea de informaţii video (video on-
line, Internet video) cu lăţime de bandă joasă. Din cauza
acestei lăţimi de bandă, calitatea este, de cele mai multe
ori, slabă.
•fişierele au extensia .rm sau .ram.
<video> - folosit pt. a adauga în pagina web video clipuri și alt
conținut video.
Atribute:
•autoplay (autoplay="autoplay") - videoclip-ul va începe automat.
•controls (controls="controls") - butoanele de control vor fi afișate.
•height (height="pixeli") – înălțimea player-ului, în pixeli.
•width (width="pixeli") - lungimea player-ului, în pixeli.
•muted (muted="muted") - sunetul din film va fi pe mut, nu e redat.
•poster (poster="URL") - specifică o imagine care să fie afișată în
timp ce filmul se încarcă, sau până când e apasăt butonul play. Dacă
acest atribut nu e adăugat, va fi afișat primul cadru din film.
•loop (loop="loop")
•src (src="url") - adresa URL a fisierului video.

<source>- sursa fișierului video

 Fișiere video de pe Youtube

Codul ce trebuie inserat se găsește accesând

Share » Embed.
Ex.
<!DOCTYPE html>
<html>
<body>
<iframe width="560" height="315"
src="https://www.youtube.com/embed/ItaFff2Y2O0"
frameborder="0" allowfullscreen></iframe>
</body>
</html>
 HTML5 embed tag
<embed> se folosește pentru a adăuga în pagina aplicații
cu conținut interactiv, cum sunt prezentările flash SWF,
plug-inuri, sau fișiere cu imagini.
Poate să folosească atributele:
•height (height="pixeli") - Inaltimea cadrului in care este
afișat conținutul, in pixeli.
•width (width="pixeli") - Lungimea cadrului in care este
afișat conținutul, in pixeli.
•type (type="MIME_type") - Tipul MIME al conținutului.
•src (src="url") - Adresa URL a fișierului.
Ex.
<embed src="flash_game.swf" height=“150" width="150“/>