| Les deux révisions précédentes
Révision précédente
Prochaine révision
|
Révision précédente
|
clubinfo:html [2024/08/13 07:56]
mrcjl [La structure minimale d'une page HTML] |
clubinfo:html [2024/08/19 17:17] (Version actuelle)
mrcjl [Activités] |
| 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. | 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. |
| |
| <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.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> | |
| ===== Présentation ===== | ===== Présentation ===== |
| |
| * La balise **<meta charset="UTF-8">**. 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. | * La balise **<meta charset="UTF-8">**. 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 **<H1>** le plus haut à **<H6>** le plus bas. | * Les titres de chapitres vont de **<H1>** le plus haut à **<H6>** 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). |
| |
| <WRAP round tip> | <WRAP round tip> |
| * <IMG src="adresse image" /> Image | * <IMG src="adresse image" /> Image |
| * <A href="adresse du lien">Nom du lien</A> Lien vers une autre page | * <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> | </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 ===== | ===== Activités ===== |
| * Création d'un [[premier site en HTML]] | * Les [[clubInfo:html2|formulaires]] et leurs différents champs. |
| * Les [[formulaires]] et leurs différents champs. | * Création d'un [[clubInfo:html3|premier site en HTML]] |
| |
| |
