(2) -

Signets avec ID et des liens

Les signets HTML sont utilisés pour permettre aux lecteurs de passer à des parties spécifiques d'une page Web.Les signets peuvent être utiles si votre page Web est très longue.Pour un signet, vous devez d'abord créer le signet, puis ajouter un lien vers elle.Lorsque le lien est cliqué, la page défile à l'emplacement avec le signet.

Exemple

Tout d' abord, créer un signet avec l' id attribut:

<h2 id="C4">Chapter 4</h2>

Ensuite, ajoutez un lien vers le signet ( « Aller au chapitre 4 »), à partir de la même page:

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

Ou, ajouter un lien vers le signet ( « Aller au chapitre 4 »), d'une autre page:

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

Exemple

<!DOCTYPE html>
<html>
<body>
<p><a href="#C4">Jump to Chapter 4</a></p>
<h2>Chapter 1</h2>
<p>Initiation au HTML</p>
<h2>Chapter 2</h2>
<p>Initiation au JavaScript</p>
<h2>Chapter 3</h2>
<p>Initiation au CSS</p>
<h2 id="C4">Chapter 4</h2>
<p>Langage de programmation</p>
<h2>Chapter 5</h2>
<p>Quizz</p>
</body>
</html>

Résultat de l'exemple

Jump to Chapter 4

Chapter 1

Initiation au HTML

Chapter 2

Initiation au JavaScript

Chapter 3

Initiation au CSS

Chapter 4

Langage de programmation

Chapter 5

Quizz

Utilisation de l'attribut id en JavaScript

JavaScript peut accéder à un élément avec un id spécifié à l'aide de la getElementById()méthode:

Utilisez l'attribut id pour manipuler le texte avec JavaScript:

Exemple

<!DOCTYPE html>
<html>
<body>

<h2>Utilisation de l'attribut id en Javascript</h2>
<p>JavaScript peut accéder à un élément avec la méthode getElementById() :</p>

<h1 id="myHeader">Bonjour tout le monde</h1>
<button onclick="displayResult()">Change text</button>

</body>
</html>

Résultat de l'exemple

Utilisation de l'attribut id en Javascript

JavaScript peut accéder à un élément avec la méthode getElementById() :

Bonjour tout le monde