HTML/Basiscursus/Links: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
Zorgen voor aansluiting met Code-sjabloon; navigatie; categorie; lichte aanvulling |
||
Regel 2:
== Hypertekst links ==
U maakt een link in uw pagina met behulp van de ''a''-tag in samenwerking met het ''href''-attribuut. De tekst of afbeelding tussen de ''a''-tags zal klikbaar worden voor de gebruiker.
Regel 12 ⟶ 11:
| Titel=Lokale links
| Code=
<
<a href="pagina1.html">Pagina 1</a>
<!-- Link naar het bestand pagina1.html in dezelfde map -->
Regel 33 ⟶ 32:
<a href="/inhoud/pagina7.html">Pagina 7</a>
<!-- Link naar het bestand pagina7.html in de map inhoud in de root -->
</
}}
=== Externe links ===
U kunt ook links maken naar andere websites, u moet dan het gehele internetadres opgeven.
Het is een goed gebruik om niet alleen de map aan te geven (bijvoorbeeld http://www.google.nl/) maar het complete adres (bijvoorbeeld http://www.google.nl/index.html). Op deze manier bezorgt u de betreffende server iets minder werk, omdat deze dan niet niet hoeft uit te zoeken wat het "indexbestand" is. Het had immers net zo goed index.php kunnen zijn, of index.xhtml. Door het daadwerkelijke bestand aan te geven, bespaart u een server extra load.
{{Code|
Regel 43 ⟶ 44:
| Titel=Externe links
| Code=
<
<a href="http://www.wikipedia.org">Wikipedia</a>
<!-- Link naar de externe website Wikipedia -->
Regel 49 ⟶ 50:
<a href="http://www.google.nl/search?q=wikibooks">Zoekresultaten "Wikibooks"</a>
<!-- Link naar een externe pagina van Google
</
}}
Regel 55 ⟶ 56:
Links kunnen ook wijzen naar een bepaald deel van een pagina, als u dan op een link klikt verspringt de pagina naar de aangewezen tag. U kunt linken naar een plek in dezelfde pagina maar ook naar een plek in een andere pagina.
Eerst geeft u de tag waar u naartoe wil linken een naam met behulp van het ''id''-attribuut, ook het ''name''-atribuut kan gebruikt worden. Vervolgens kunt u in een link naar deze tag verwijzen met een hekje (#) gevolgd door het ''id'' (of
{{Code|
Regel 61 ⟶ 62:
| Titel=Links naar een id
| Code=
<
<p><a href="#inhoud">Naar de inhoud</a></p>
<p>Een lange inleiding...</p>
<p id="inhoud">Hier komt de inhoud</p>
Regel 69 ⟶ 70:
<a href="http://nl.wikibooks.org/wiki/HTML:_Semantiek#Het_semantisch_web">Het semantisch web</a>
<!-- Link naar een bepaald deel in een externe pagina -->
</
}}
Regel 81 ⟶ 82:
| Titel=Document relaties met het ''link'' element
| Code=
<
<head>
<link rel="index" href="inhoudsopgave.html">
<link rel="next" href="hoofdstuk3.html">
<link rel="prev" href="hoofdstuk1.html">
<link rel="chapter" href="hoofdstuk7.html" title="Hoofdstuk 7">
<link rel="section" href="hoofdstuk6.html#2 title="Hoofdstuk 6.2">
<link rel="alternate" lang="en" href="chapter2.html">
<link rel="alternate" type="print" href="print/hoofdstuk2.html">
<link rel="stylesheet" href="normaal.css">
<link rel="alternate stylesheet" href="slechtzienden.css">
<link rel="alternate stylesheet" media="print" href="print.css">
</head>
</
}}
Regel 105 ⟶ 106:
;alternate
:Wijst een plaatsvervangende versie voor het huidige document toe van waaruit de link voorkomt. Wanneer samen met het ''lang''
;stylesheet
:Verwijst naar een externe style sheet.
Regel 135 ⟶ 136:
:Verwijst naar een document dat hulp biedt.
;bookmark
:Verwijst naar een bladwijzer. Een bladwijzer is een link naar een sleutelpositie binnen een uitgebreid document. Het ''title
U kunt ook zelf nieuwe
{{HTML-navigatie|
|Vorige=* Vorige: <nog onbekend>
|Omhoog=* Omhoog: <nog onbekend>
|Volgende=* Volgende: <nog onbekend>
}}
[[Categorie:HTML|Links]]</nowiki></pre>
▲U kunt ook zelf nieuwe link types introduceren maar User Agents zullen de relatie dan niet begrijpen.
| |||