1. Introduction
2. Langage HTML

2.1. Un premier document

2.2. Présentation

2.3. Structure générale

2.4. Les métas

2.5. Principaux Eléments

2.6. Liens Hypertextes

2.7. Images

2.8. Tableaux

2.9. Formulaires

2.10. Cadres

2.11. Valeurs des attributs

2.12. Caractères spéciaux

2.13. Recommandations

3. Feuilles de style
4. Scripts et évènements
5. Références
6. Travail Pratique






Langage HTML / Liens Hypertextes

<a href target name accesskey tabindex type charset lang hreflang title class style >name</a>

  • href : URL du document lié
  • target : nom d'une fenetre ou d'un cadre dans lequel ouvrir le document
  • name : définition d'une étiquette
  • accesskey : définition d'une touche de raccourci
  • tabindex : index du lien lors du déplacement dans le document, à l'aide de la touche tab
  • type : type du document lié
  • charset : table de caractères du document ciblé

Exemples

  • <a href="./langage_html_exemple_document.html" title="Un premier document HTML">
     Un premier document</a>

  • Ouvrir le document dans le même cadre : Un premier document
  • Ouvrir le document dans la fenetre courante (target="_top") : Un premier document
  • Ouvrir le document dans une nouvelle fenetre (target="_blank") : Un premier document
  • ouvrir le document dans un autre cadre (target="toc") : Un premier document

Définir une étiquette

<a name="debut"></a>
<a name="exemple"><h1>Exemple</h1></a>

Lien vers une étiquette

Liens et services

  • Envoyer un email à Toto :
    <a href="mailto:toto@toto.org?subject=salut">Envoyer un email à Toto</a>
  • Connexion à un forum de news

Recommandations

Pour éviter qu'une adresse absolue soit interprétée comme relative, il convient d'écrire le protocole :

<a href="http://ihtml.free.fr/index.html">

Les serveurs web sont configurés de manière à retourner les documents index.html et index.htm par défaut. Dans une adresse, ceux-ci peuvent donc être ommis :

<a href="http://ihtml.free.fr/">