Celus Global
HTML 5
Prof :Zakaria Ennahhal
Définition
HTML signifie Hyper Text Markup Language , qui est le langage le plus
utilisé sur le Web pour développer des pages Web.
HTML a été créé par Berners-Lee à la fin de 1991, mais "HTML 2.0" a été la
première spécification HTML standard publiée en 1995.
HTML 4.01 était une version majeure de HTML et a été publiée fin 1999. Bien
que la version HTML 4.01 soit largement utilisée mais actuellement nous avons la
version HTML-5 qui est une extension de HTML 4.01, et cette version a été
publiée en 2012
Pourquoi apprendre le HTML ?
1. Créer un site Web - Vous pouvez créer un site Web ou
personnaliser un modèle Web existant si vous connaissez bien
le HTML.
2. Devenez concepteur de sites Web - Si vous souhaitez démarrer une
carrière de concepteur de sites Web professionnel, la
conception HTML et CSS est une compétence indispensable.
3. Comprendre le Web – Si vous souhaitez optimiser votre site Web,
améliorer sa vitesse et ses performances, il est bon de
connaître le HTML pour obtenir les meilleurs résultats.
4. Apprenez d'autres langages - Une fois que vous comprenez les
bases du HTML, d'autres technologies connexes comme
Javascript, PHP ou Angular deviennent plus faciles à
comprendre.
Bonjour tout le monde en utilisant HTML.
Juste pour vous donner un peu d'enthousiasme à propos du HTML, je vais
vous présenter un petit programme HTML Hello World conventionnel,
vous pouvez l'essayer en utilisant le code suivant.
Applications du HTML
Comme mentionné précédemment, HTML est l’un des langages les plus utilisés sur le
Web. Je vais en énumérer quelques-uns ici :
Développement de pages Web
Navigation Internet
Les pages HTML de prise en
charge hors ligne
Développement de jeux
Document HTML de base
Dans sa forme la plus simple, voici un exemple de document HTML
<!DOCTYPE html>
❑ Un document HTML doit toujours débuter par un Doctype , avant même la première
balise.
❑ Le Doctype s’insère en tout début de page.
❑ Il sert à définir le type du document afin qu’il soit correctement interprété par le
navigateur.
<HTML>
➢ La balise <HTML> indique au navigateur qu’il s’agit d’un document HTML
➢ L’élément <HTML> constitue la racine de tout document HTML.
➢ La balise <HTML> est pris en charge par tous les principaux navigateurs
<head>
✓ La balise <head> contient tous les éléments de l’en-tête de votre document.
✓ L’élément <head> englobe un certain nombre d’informations utiles au bon affichage
la page web.
✓ Ces informations dites métadonnées sont contenues dans six élément différents qui
ont chacun un rôle bien déterminé.
<head>
✓ La balise <head> contient tous les éléments de l’en-tête de votre document.
✓ L’élément <head> englobe un certain nombre d’informations utiles au bon affichage
la page web.
✓ Ces informations dites métadonnées sont contenues dans six élément différents qui
ont chacun un rôle bien déterminé.
<title>
❖ La balise <title> est requise dans tous les documents HTML et définit le titre du
document.
❖ Il est affiché par le navigateur et est indexé par les moteurs de recherche.
<body>
➢ Corps du document.
➢ L’élément <body> contient toutes les balises HTML de contenu : texte, blocs,
images, titres, médias, formulaires, etc.
➢ La balise <body> définit la partie principale du document, qui contient les
informations destinées à être affichées.
Balises de titre
Tout document commence
par un titre. Vous pouvez
utiliser différentes tailles
pour vos titres. HTML
comporte également six
niveaux de titres, qui
utilisent les
éléments <h1>, <h2>,
<h3>, <h4>,
<h5> et <h6> . Lors de
l'affichage d'un titre, le
navigateur ajoute une
ligne avant et une ligne
après ce titre.
Balise de paragraphe
La balise <p> offre un moyen de structurer votre texte en différents
paragraphes
Balise de saut de ligne
Chaque fois que vous utilisez l' élément <br /> , tout ce qui le suit
commence à partir de la ligne suivante
Centrage du contenu
Vous pouvez utiliser la balise <center> pour placer n'importe quel contenu au centre de
la page ou dans n'importe quelle cellule du tableau.
Lignes horizontales
Les lignes horizontales sont utilisées pour diviser visuellement les sections d'un document. La
balise <hr> crée une ligne depuis la position actuelle dans le document jusqu'à la marge droite et
coupe la ligne en conséquence.
Éléments HTML imbriqués
Il est tout à fait autorisé de conserver un élément HTML à l'intérieur d'un
autre élément HTML
HTML - Attributs
Nous avons vu peu de balises HTML et leur utilisation comme les balises de titre <h1>,
<h2>, la balise de paragraphe <p> et d'autres balises. Nous les avons utilisées jusqu'à
présent dans leur forme la plus simple, mais la plupart des balises HTML peuvent également
avoir des attributs, qui sont des informations supplémentaires.
L'attribut de style
L'attribut style vous permet de spécifier des règles CSS (Cascading Style
Sheet) au sein de l'élément.
Texte en gras
Tout ce qui apparaît dans l'élément <b>...</b> est affiché en gras comme indiqué ci-dessous
Texte en italique
Tout ce qui apparaît dans l'élément <i>...</i> est affiché en italique comme indiqué
ci-dessous
Texte souligné
Tout ce qui apparaît dans l'élément <u>...</u> est affiché avec souligné comme indiqué
ci-dessous
Texte de grève
Tout ce qui apparaît dans l'élément <strike>...</strike> est affiché barré, qui est une fine
ligne traversant le texte, comme indiqué ci-dessous
Liens HTML
Images HTML
<img src="[Link]" alt="[Link]" width="104" height="1
42">
Définir un tableau HTML
HTML Forms