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

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

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 :