• Introduction
• Introduction au HTML5
• Présentation
• Prise en main
• Utiliser des balises
• Utiliser des attributs
• Structurer un document avec HTML5
• Le doctype : définir l'utilisation du HTML
• L'en-tête
• Structure de l'information
• Organiser le contenu
• Ecrire du texte
• Des caractères spéciaux
• Listes
• Tableaux
• Naviguer grâce aux liens
• Le multimédia
• Images
• Video
• Audio
• Sous-titrage HTML
• Fallbacks
• Interface avec l'utilisateur
• Les formulaires
• Les balises d'interface
• Annexes
• Différences en xHTML et HTML5
• Glossaire
• test

Prise en main

Ce chapitre et les 2 suivants ont pour but de nous donner les bases théoriques qui seront implicitement exploitées dans les chapitres d'après de l'ouvrage. Il va poser quelques notions essentielles et permettre l'acquisition :

• de la grammaire HTML,
• de la terminologie HTML,
• des éléments de syntaxes utilisés,
• la création de fichiers HTML à l'aide d'un éditeur simple.
  

Un premier fichier HTML

Pour comprendre la logique, voyons le fonctionnement du HTML en propre.

1. Lancer l'éditeur de texte de votre choix. Selon votre système d'exploitation Sublime Text, Smultron, TextWrangler, Notepad++ ou Gedit, Kate feront l'affaire.
2. Lancer le navigateur de votre choix, à ce niveau, le choix importe peu.
3. Organiser votre espace de travail à ce que le navigateur et l'éditeur soient tous deux facilement accessible
4. Dans votre éditeur, tapez le texte suivant : "Mon premier fichier HTML" ou tout autre texte que vous souhaitez inscrire
5. Dans le menu Fichier, allez chercher Enregistrer sous ...
6. Donner le nom que vous souhaitez à votre fichier, mais rajouter à la fin .html (par exemple "essai.html" ou "index.html")
7. Utiliser le menu Ouvrir de votre navigateur pour afficher votre page HTML : votre contenu apparaît simplement sans autre fioriture...

Voilà une bonne base, mais nous sommes loin du compte. Il va falloir structurer le texte, modifier son aspect, positionner des images... bref travailler la mise en forme, dans ce cas, comment faire ?

Note : utiliser le nom index.html pour le premier fichier d'un site ou d'un dossier web est une bonne pratique, car c'est le fichier ouvert par défaut par le navigateur. Ainsi lorsque vous écrivez l'adresse http://fr.flossmanuals.net  ce que le couple navigateur-serveur va en fait afficher est http://fr.flossmanuals.net/index.html (ou php si le site est programmer en ce langage).