HTML5

Les Bases


La page web


Pour créer une page web il faut utiliser l'extension
.html


HTML = Hyper Text Markup Language

sur un site web la 1ère page est :
index.html


structure HTML





  • DOCTYPE
  • HTML
  • HEAD
  • BODY

DOCTYPE



Déclaration du type de document, qui indique au navigateur dans quel type de HTML la page a été écrite 

Autrefois complexe mais pour HTML5, il a été décide de la simplifier

on l'écrit maintenant :

<!DOCTYPE html>

Balise html



c'est la balise principale du code, elle englobe tout le contenu de la page.

Elle s'écrit comme ceci :


<html>
</html>

En-tête et corps


  • En-tête :
Donne les infos générales de la page (Titre, encodage, liens vers CSS,...) Ces infos ne sont pas affichées mais sont cependant trés importantes.

la syntaxe est : <head>.....</head>

  • Corps :
C'est ici que se trouve la partie principale de la page, ce qui s'affichera dans le navigateur.

la syntaxe est : <body>...</body>


structure de base HTML


Une page html a en général toujours la même structure




Ma page web


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Ma page web</title>
</head>

<body>
Contenu de ma page web.
</body>
</html>

Encodage



<meta charset="UTF-8"/>

Cette balise indique l'encodage utilisé dans votre fichier .html.

L'encodage indique la façon dont le fichier est enregistré. C'est lui qui détermine comment les caractères spéciaux vont s'afficher (accents, idéogrammes chinois et japonais, caractères arabes, etc.).

NB : penser à enregistrer son fichier en UTF-8
sous Notepad++ "Encoder en UTF-8 (sans BOM)"

Titre de la page


<title>Ma page web</title>

Toute page doit avoir un titre qui décrit ce qu'elle contient.
Il est conseillé de garder le titre assez court (moins de 100 caractères en général).

Ce titre s'affichera dans l'onglet du navigateur

Les commentaires



Un commentaire en HTML est un texte qui sert simplement de mémo. Il n'est pas affiché, il n'est pas lu par l'ordinateur, cela ne change rien à l'affichage de la page.

Un commentaire est une balise HTML avec une forme bien spéciale :

<!-- ceci est un commentaire -->
Made with Slides.com