HTML Tutoriel
Démarrer avec HTML
Recherche…
Remarques
HTML (H yper t ext M arkup L angue) est un XML système de documents compatibles avec la norme annoter avec des 'balises'. Il est utilisé spécifiquement pour créer du contenu pour les pages Web et les applications Web, qui peuvent ensuite être partagées sur un réseau.
Outre le texte, la version actuelle de HTML prend en charge de nombreux types de supports , y compris des images et des vidéos.
Versions
| Version | spécification | Date de sortie |
|---|---|---|
| 1.0 | N / A | 1994-01-01 |
| 2.0 | RFC 1866 | 1995-11-24 |
| 3.2 | W3C: Spécification HTML 3.2 | 1997-01-14 |
| 4.0 | W3C: Spécification HTML 4.0 | 1998-04-24 |
| 4.01 | W3C: spécification HTML 4.01 | 1999-12-24 |
| 5 | WHATWG: Norme de vie HTML | 2014-10-28 |
| 5.1 | W3C: Spécification HTML 5.1 | 2016-11-01 |
Bonjour le monde
introduction
HTML (H yper t ext M arkup L anguage) utilise un système de marquage composé d'éléments qui représentent un contenu spécifique. Le balisage signifie qu'avec HTML, vous déclarez ce qui est présenté à l'utilisateur et non comment il est présenté. Les représentations visuelles sont définies par les feuilles de style en cascade (CSS) et réalisées par les navigateurs. Les éléments existants qui permettent une telle utilisation , comme la font , par exemple, "sont complètement obsolètes et ne doivent pas être utilisés par les auteurs" [1] .
Le HTML est parfois appelé un langage de programmation mais il n'a pas de logique, de même qu'un langage de balisage . Les balises HTML fournissent une signification sémantique et une lisibilité automatique au contenu de la page.
Un élément se compose généralement d'une balise d'ouverture ( <element_name> ), d'une balise de fermeture ( </element_name> ), qui contient le nom de l'élément entre crochets et du contenu: <element_name>...content...</element_name>
Certains éléments HTML n'ont pas de balise de fermeture ni de contenu. Ce sont les éléments vides . Les éléments annulés incluent <img> , <meta> , <link> et <input> .
Les noms d'élément peuvent être considérés comme des mots-clés descriptifs du contenu qu'ils contiennent, tels que la video , l' audio , la table , le footer .
Une page HTML peut comporter des centaines d'éléments qui sont ensuite lus par un navigateur Web, interprétés et rendus sous forme de contenu lisible ou audible sur l'écran.
Pour ce document, il est important de noter la différence entre les éléments et les balises:
Éléments: video , audio , table , footer
Tags: <video> , <audio> , <table> , <footer> , </html> , </body>
Élément de l'élément
Décomposons un tag ...
La <p> représente un paragraphe commun.
Les éléments ont généralement une balise d'ouverture et une balise de fermeture. La balise d'ouverture contient le nom de l'élément entre crochets ( <p> ). La balise de fermeture est identique à la balise d'ouverture avec l'ajout d'une barre oblique ( / ) entre le crochet ouvrant et le nom de l'élément ( </p> ).
Le contenu peut alors passer entre ces deux balises: <p>This is a simple paragraph.</p> .
Créer une page simple
L'exemple HTML suivant crée une page Web simple "Hello World" .
Les fichiers HTML peuvent être créés à l'aide de n'importe quel éditeur de texte . Les fichiers doivent être enregistrés avec une extension .html ou .htm [2] pour être reconnus en tant que fichiers HTML.
Une fois créé, ce fichier peut être ouvert dans n'importe quel navigateur Web.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
Page simple décomposer
Ce sont les balises utilisées dans l'exemple:
| Marque | Sens |
|---|---|
<!DOCTYPE> | Définit la version HTML utilisée dans le document. Dans ce cas, c'est HTML5. Voir la rubrique doctypes pour plus d'informations. |
<html> | Ouvre la page. Aucun balisage ne devrait venir après la balise de fermeture ( </html> ). L'attribut lang déclare la langue principale de la page en utilisant les codes de langue ISO ( en anglais). Consultez la rubrique Langage de contenu pour plus d'informations. |
<head> | Ouvre la section head, qui n'apparaît pas dans la fenêtre principale du navigateur, mais contient principalement des informations sur le document HTML, appelées métadonnées . Il peut également contenir des importations à partir de feuilles de style et de scripts externes. La balise de fermeture est </head> . |
<meta> | Donne au navigateur des métadonnées sur le document. L'attribut charset déclare le codage de caractères . Les documents HTML modernes doivent toujours utiliser UTF-8 , même s'il ne s'agit pas d'une exigence. En HTML, la <meta> ne nécessite pas de balise de fermeture. Consultez la rubrique Meta pour plus d'informations. |
<title> | Le titre de la page. Le texte écrit entre cette ouverture et la balise de fermeture ( </title> ) sera affiché dans l'onglet de la page ou dans la barre de titre du navigateur. |
<body> | Ouvre la partie du document affichée aux utilisateurs, c'est-à-dire tout le contenu visible ou audible d'une page. Aucun contenu ne doit être ajouté après la balise de fermeture </body> . |
<h1> | Un niveau 1 pour la page. Voir les titres pour plus d'informations. |
<p> | Représente un paragraphe commun de texte. |
1. ↑ HTML5, 11.2 Fonctions non conformes
2. ↑ .htm est hérité de la limite d’extension du fichier DOS à trois caractères.