HTML -zelfstudie

HTML HOME HTML-introductie HTML-editors HTML basis HTML-elementen HTML-kenmerken HTML-koppen HTML-alinea's HTML-stijlen HTML-opmaak HTML-citaten HTML-opmerkingen HTML-kleuren HTML-CSS HTML-links HTML-afbeeldingen HTML-favicon HTML-tabellen HTML-lijsten HTML-blok en inline HTML-klassen HTML-ID HTML-iframes HTML-JavaScript Paden voor HTML-bestanden HTML-kop HTML-indeling HTML-responsief HTML-computercode HTML-semantiek HTML-stijlgids HTML-entiteiten HTML-symbolen HTML-emoji's HTML-tekenset HTML-URL-codering HTML versus XHTML

HTML -formulieren

HTML-formulieren HTML-formulierkenmerken HTML-formulierelementen HTML-invoertypen HTML-invoerkenmerken Kenmerken HTML-invoerformulier

HTML -afbeeldingen

HTML-canvas HTML-SVG

HTML- media

HTML-media HTML-video HTML-audio HTML-plug-ins HTML-YouTube

HTML API's

HTML-geolocatie HTML slepen/neerzetten HTML-webopslag HTML-webwerkers HTML-SSE

HTML- voorbeelden

HTML-voorbeelden HTML-quiz HTML-oefeningen HTML-certificaat HTML-samenvatting HTML-toegankelijkheid

HTML- verwijzingen

HTML-taglijst HTML-kenmerken Algemene HTML-kenmerken Ondersteuning voor HTML-browser HTML-gebeurtenissen HTML-kleuren HTML-canvas HTML-audio/video HTML-documenttypen HTML-tekensets HTML-URL-codering HTML-taalcodes HTTP-berichten HTTP-methoden PX naar EM-omzetter Toetsenbord sneltoetsen

HTML -links - Bladwijzers maken


HTML-links kunnen worden gebruikt om bladwijzers te maken, zodat lezers naar specifieke delen van een webpagina kunnen springen.


Maak een bladwijzer in HTML

Bladwijzers kunnen handig zijn als een webpagina erg lang is.

Een bladwijzer maken: maak eerst de bladwijzer aan en voeg er vervolgens een link aan toe.

Wanneer op de link wordt geklikt, zal de pagina naar beneden of naar boven scrollen naar de locatie met de bladwijzer.

Voorbeeld

Gebruik eerst het idattribuut om een ​​bladwijzer te maken:

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

Voeg vervolgens een link naar de bladwijzer toe ('Ga naar hoofdstuk 4'), vanaf dezelfde pagina:

Voorbeeld

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

U kunt ook een link naar een bladwijzer op een andere pagina toevoegen:

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

Hoofdstuk samenvatting

  • Gebruik het idattribuut (id=" waarde ") om bladwijzers op een pagina te definiëren
  • Gebruik het hrefattribuut (href="# value ") om naar de bladwijzer te linken

HTML-oefeningen

Test jezelf met oefeningen

Oefening:

Gebruik de juiste HTML om van onderstaande tekst een link naar "default.html" te maken.

>Bezoek onze HTML-tutorial.


HTML-linktags

Tag Description
<a>Defines a hyperlink

Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .