Linkuri și semne de carte în HTML

Linkuri HTML - Crearea Favoritelor

Linkurile HTML pot fi folosite pentru a crea favorite, astfel încât cititorii să poată sări direct la o parte specifică a unei pagini.

Crearea unui Favorit în HTML

Favoritele sunt utile pe o pagină foarte lungă. Pentru a crea unul, mai întâi creezi favoritul cu un atribut id pe un element (de exemplu <h2 id="C4">Capitolul 4</h2>), apoi adaugi un link către el folosind href="#C4". Când linkul este apăsat, pagina derulează la elementul cu acel id.

Poți lega și un favorit dintr-o altă pagină, punând numele fișierului înaintea semnului #.

Exemplu

Un link care sare la Capitolul 4, mai jos pe aceeași pagină.

O pagină lungă care folosește un semn de carte: un link în partea de sus „Jump to Chapter 4” care indică spre #C4, iar mai jos un h2 cu id="C4" cu textul „Chapter 4”, cu suficient conținut de umplutură între ele pentru ca la clic pe link să se deruleze în jos la capitol.

> Ieșire: pagină HTML completă

Prompt

O pagină lungă care folosește un semn de carte: un link în partea de sus „Jump to Chapter 4” care indică spre #C4, iar mai jos un h2 cu id="C4" cu textul „Chapter 4”, cu suficient conținut de umplutură între ele pentru ca la clic pe link să se deruleze în jos la capitol.

Ieșire: pagină HTML completă

<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Salt la un semn de carte</title>
</head>
<body>

<p><a href="#C4">Sari la Capitolul 4</a></p>

<h2>Capitolul 1</h2>
<p>Acest capitol explică bla bla bla</p>
<h2>Capitolul 2</h2>
<p>Acest capitol explică bla bla bla</p>
<h2>Capitolul 3</h2>
<p>Acest capitol explică bla bla bla</p>
<h2 id="C4">Capitolul 4</h2>
<p>Acest capitol explică bla bla bla</p>
<h2>Capitolul 5</h2>
<p>Acest capitol explică bla bla bla</p>
<h2>Capitolul 6</h2>
<p>Acest capitol explică bla bla bla</p>

</body>
</html>

Favorit pe altă pagină

Legarea la un favorit aflat pe o pagină diferită.

<a href="html_demo.html#C4">Jump to Chapter 4</a>

Rezumatul Capitolului

Pe scurt: folosește atributul id (id="valoare") pentru a defini un favorit pe pagină, și atributul href (href="#valoare") pentru a lega la el.

Tag-uri HTML pentru Linkuri

Tag-ul principal de aici este <a>, care definește un hyperlink.