====== Découverte du HTML ======
Le [[wpfr>Hypertext_Markup_Language|HTML (HyperText Markup Language)]] est un [[wpfr>langage de balisage]] normalisé par le [[wpfr>World_Wide_Web_Consortium|W3C]] destiné à décrire les documents web multimédias affichés par les [[wpfr>navigateurs web]].
Il décrit le contenu d'une page web. (Les balises gérant la mise en forme doivent, aujourd'hui, être bannies au profit du [[clubinfo:CSS]].)
Créé en 1990 par Tim Berners-Lee pour partager sur l'Internet naissant des documents multimédias, il est devenu le langage de référence pour cela. Les versions successives lui ont permis de s'adapter aux évolutions d'Internet et à l'apparition du CSS qui l'a déchargé de la mise en forme des document pour l'adapter aux nouveaux supports de consultation (tablette, smartphone, ...).
{{https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/240px-HTML5_logo_and_wordmark.svg.png?50|}}
La version 4 est restée longtemps la référence. Aujourd'hui on utilise la version 5 qui a pris le pas sur la version XHTML.
===== Présentation =====
==== Les balises ====
Le contenu du site est placé entre des balises **Texte**. Elles permettent de décrire les différentes informations composant la **page web**. Elles ne sont pas affichées à l'écran.
* Des précisions sur l'information concernée peuvent être indiquées au début Texte.
* Parfois, une balise peut se suffire à elle même et ne pas avoir de contenu
* Une indentation (décalage du début de la ligne comme pour les algorithme) est généralement utilisée pour faciliter leur lecture et elles s'écrivent alors une par ligne.
* **Balise standard** Contenu
* **Balise vide**
* **Balise personnalisée** Contenu
==== La structure minimale d'une page HTML ====
Elle comprend un entête (informations non affichées à l'écran et destinées au navigateur) et un corps (contenu affiché destiné au visiteur). \\
L'affichage comporte principalement des titres Tite, des textes
Texte
et des images .
On trouve aussi des liens vers d'autres pages Lien à cliquer.
Titre de la page
Titre du chapitre (niveau le plus haut puis h2 à h6)
Texte du chapitre avec un lien vers une nouvelle page
* La balise initiale **** (d'un format particulier qui ne se ferme pas) indique un document HTML 5.
* La balise **** (elle aussi d'un format particulier) indique des commentaires qui ne seront pas affichés.
* La balise ****. Le codage des caractères est généralement spécifiques aux alphabets des pays ou régions. Il est défini par le logiciel utilisé pour créer la page. En Europe de l'ouest, les accents et caractères spéciaux ont été initialement prévus dans le codage **ISO-8859-1** puis ensuite dans **ISO-8859-15** (mise à jour avec avec le symbole "€"). Le codage **UTF-8** est le plus polyvalent et permet de gérer l'ensemble des alphabets existants.
* Les titres de chapitres vont de **
** le plus haut à **
** le plus bas.
Le fichier contenant la page HTML doit avoir pour extension .html (la page par défaut ou d'accueil doit s'appeler index.html).
====Les balises de base====
*
===Entête==
* ,
* Titre de l'onglet dans le navigateur
* <LINK> Lien vers un fichier de description
===Corps===
* <BODY>
* <Hx> Titre de chapitre (x = niveau de 1 à 6)
* <P> Texte du paragraphe
* <IMG src="adresse image" /> Image
* <A href="adresse du lien">Nom du lien</A> Lien vers une autre page
L'ensemble est placé dans un **fichier avec l'extension .html** (index.html pour la page d'accueil).
</WRAP>
===== Compléments =====
Il existe beaucoup d'autres balises et attributs qui seront découverts au fur et à mesure de notre apprentissage.
Depuis le HTML1 au HTML5 qui est la norme aujourd'hui (en passant par le XHTML), les balises ont évoluées et de nouvelles ont été ajoutées. Certaines balises utilisées dans les premières versions et qui étaient destinées à la mise en forme ne le sont plus actuellement (<B><I><S>...). Elles sont aujourd'hui remplacées par le CSS. D'autres introduites par les éditeurs de navigateurs et spécifiques à ses derniers n'ont pas été reprises par le W3C lors de la normalisation du langage.
<WRAP round info>
=== Référence ===
* Référence du langage [[https://www.w3schools.com/html/|sur w3schools]]
* Référence du langage [[https://developer.mozilla.org/fr/docs/Web/HTML|sur Mozilla]]
* [[https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3|Cours sur le HTML et le CSS]] sur OpenClassrooms
* [[https://www.codeshttp.com/toutes-les-balises-html-liste-complete-avec-syntaxe.html|Liste des balises sur CodesHTTP]]
* [[https://www.w3.org/html/|Page officielle du HTML]] sur le site du W3C
* [[https://validator.w3.org/|Validateur de page HTML]] sur le site du W3C
</WRAP>
===== Activités =====
* Les [[clubInfo:html2|formulaires]] et leurs différents champs.
* Création d'un [[clubInfo:html3|premier site en HTML]]
