HTML FISA NR.

6- Link-uri

HTML Tag-ul de inserare a unui hyperlink

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

<a> Utilizați elementul <a> pentru a defini o legătură

atributul href Utilizați atributul href pentru a defini adresa linkului

target Utilizați atributul target pentru a defini unde să

deschideți documentul legat

● _self - Implicit. Deschide documentul în aceeași

fereastră/filă în care a fost făcută clic
● _blank - Deschide documentul într-o fereastră sau
filă nouă
● _parent - Deschide documentul în cadrul părinte
● _top - Deschide documentul în întreg corpul
ferestrei
<img> (în
Utilizați elementul <img> (în interiorul <a>) pentru a
interiorul
utiliza o imagine ca link
<a>)
Utilizați schema mailto: din cadrul atributului href
mailto:
pentru a crea un link care deschide programul de e-mail
al utilizatorului

ADRESE ABSOLUTE (către o adresă URL)

<a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a>

ADRESE RELATIVE (către o pagină din același folder cu pagina web curentă)

<p><a href="first_page.htm">Prima pagina HTML</a></p>

ADRESE RELATIVE (către o pagină din folderul TIC/HTML)

<p><a href="/TIC/HTML/first_page.htm">Prima pagina HTML</a></p>

ADRESE RELATIVE (către o pagină din folderul aflat pe un nivel superior

față de pagina curentă)

<p><a href="../first_page.htm">Prima pagina HTML</a></p>

 HTML FISA NR.6- Link-uri

IMAGINE CA HYPERLINK

<a href="default.asp">

<img src="smiley.gif" alt="HTML tutorial"

style="width:42px;height:42px;">

</a>

BUTON CA HYPERLINK

<button onclick="document.location.href='https://w3docs.com'">HTML
Tutorial</button>

EXERCIȚII

1. Creați un fișier in Notepad numit sixth_page.html

2. Adăugați în fișier tag-urile pentru structura generală a unui fișier html(tag-ul html,head,body.
3. Setați titlul paginii “Linkuri_HTML”
4. Introduceți un titlu Heading 1 cu textul “Exercitii cu link-uri”, aliniat la centru,culoare #3CB371.
5. Introduceți în pagină un hyperlink la pagina https://www.codecademy.com/learn/learn-html, cu
textul ” Best HTML tutorial ever!”
6. Căutați pe internet logo-ul CSS , descărcați imaginea în computer. Creați un hyperlink către
adresa https://www.w3schools.com/css/default.asp , hyperlink de tip imagine , utilizând
această imagine.
7. Introduceți în pagină un hyperlink de tip buton către adresa
https://www.codecademy.com/catalog/language/html-css , cu textul ”Cursuri in CodeCademy”
8. Descărcați fișierul second_page.htm de pe Adservio. Salvați fișierul pe discul D. Introduceți în
pagina sixth_page.htm un hyperlink către acest fișier.
9. Deschideți fișierul în browser și analizați rezultatele.
10. Creați un fișier imagine sixth_page.png în care lipiți un printscreen la codul sursa al paginii sixth
page.htm și pagina afișată în browser.

11. Încărcați fișierul sixth_page.png în Teme pe Adservio.