Tutoriel de base HTML

Médias HTML

Manuel de référence HTML

HTML5 Tutoriel de base

HTML5 API

HTML5 Médias

Lecture de vidéo HTML (Video)Caractère espace HTML

Éléments d'en-tête HTML

L'élément <head> est le conteneur de tous les éléments d'en-tête. Les éléments à l'intérieur de <head> peuvent contenir des scripts, indiquer à quel endroit le navigateur peut trouver les feuilles de style, fournir des informations meta, etc.

Voir l'exemple en ligne

<title> - Définit le titre du document HTML
Utilisez le tag <title> pour définir le titre du document HTML

<base> - Définit l'URL de tous les liens
Utilisez <base> pour définir l'adresse de cible par défaut de tous les liens sur la page.

L'élément <head> en HTML

L'élément <head> contient tous les éléments de balise d'en-tête. Dans Dans l'élément <head>, vous pouvez insérer des scripts (scripts), des fichiers de style (CSS), et diverses informations meta.

Les balises d'éléments que vous pouvez ajouter dans la zone d'en-tête sont: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, and <base>.

L'élément <title> en HTML

Le tag <title> définit le titre de différents documents.

<title> en HTML/Il est obligatoire dans un document XHTML.

L'élément <title>:

Définit le titre de la barre d'outils du navigateur
Titre affiché dans les favoris lorsque la page web est ajoutée
Titre affiché dans les pages de résultats des moteurs de recherche

Un document HTML simple:

Exemple

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Titre du document HTML</title>
</head>
　
<body>
Le contenu du document HTML...
</body>
　
</html>

Voyons voir ‹/›

L'élément <base> en HTML

Le tag <base> décrit l'adresse de lien de base/Cible de lien, ce tag agit comme le lien par défaut pour tous les tags de lien dans le document HTML:

<head>
<base href="https://fr.oldtoolbag.com/images/" target="_blank">
</head>

L'élément <link> en HTML

Le tag <link> définit la relation entre le document et les ressources externes.

Le tag <link> est généralement utilisé pour lier à une feuille de style:

<head>
<link rel="stylesheet" type="/css" href="style.css">
</head>

L'élément <style> en HTML

Le tag <style> définit l'adresse de référence du fichier de style du document HTML.

Vous pouvez également ajouter directement des styles dans l'élément <style> pour rendre le document HTML:

<head>
<style type="text/css">
/*Définit la couleur de fond de la page web*/
body {background-color:red}
p {color:green}
</style>
</head>

Élément <meta> HTML

La balise meta décrit certains métadonnées de base.

La balise <meta> fournit des métadonnées. Les métadonnées ne s'affichent pas sur la page, mais sont analysées par le navigateur.

L'élément META est généralement utilisé pour spécifier la description de la page web, les mots-clés, la date de dernière modification du fichier, l'auteur, et d'autres métadonnées.

Les métadonnées peuvent être utilisées par les navigateurs (comment afficher le contenu ou recharger la page), les moteurs de recherche (mots-clés), ou d'autres services Web.

La balise <meta> est généralement placée dans la zone <head>.

Balise <meta>- Exemple d'utilisation

Définit les mots-clés pour les moteurs de recherche (keywords):

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

Définit le contenu de description de la page web (description):

<meta name="description" content="Tutoriel en ligne gratuit de base">

Définit l'adaptabilité de la page web pour les appareils mobiles et les PC (viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"　/>

Définit l'auteur du site web (auteur):

<meta name="author" content="w3codebox">

chaque10secondes rafraîchissent la page actuelle (Refresh):

<meta http-equiv="refresh" content="10">

Élément <script> HTML

La balise <script> est utilisée pour charger des fichiers de script, tels que : JavaScript.

L'élément <script> sera décrit en détail dans les chapitres suivants.

Élément de tête HTML

Balise	Description
<head>	Définit les informations du document
<title>	Définit le titre du document
<base>	Définit l'adresse par défaut du lien de l'étiquette de lien de la page
<link>	Définit une relation entre un document et des ressources externes
<meta>	Définit les métadonnées du document HTML
<script>	Fichier de script client défini
<style>	Fichier de style définissant le document HTML

Lecture de vidéo HTML (Video)Caractère espace HTML