Tri alphabétique
| balise | Nom Angl. | Explications | Observations | exemple | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| a | anchor | lien hypertexte ou ancre | lien hypertexte, ancre nommée | |||||||||
| article | article | article | Espace de textes d'un même sujet | texte divers concernant un article dans un thème de la page(section) | ||||||||
| aside | aside | à coté, encart | Espace de texte dédié à des informations mises sur le coté de la page | News, cadres de login, outils, liens externes, etc. ... | ||||||||
| body | body | corps de page | Corps principal de la page, espace affiché, encadre toutes les balises affichées, se place après le bloc "head" | Source body (html5) | ||||||||
| b | bold | gras | mise en gras du texte | |||||||||
| br | break | saut de ligne imposé, balise orpheline | saut de ligne (les navigateurs ne tiennent pas compte des sauts de lignes du code, il faut les marquer) | bla bla bla blu blu blu | ||||||||
| code | code | code | Texte en style code, code html, css, autre langage informatique | |||||||||
| div | division | division, calque | Espace banalisé de texte, sert à structurer la page, ancêtre de section, header, nav, etc. ... | Texte divers en html, peut servir à tout, mais en particulier à des espaces qui sont flottants et affichés un peu partout, voire mobile grâce au javascript (encore un langage ...) | ||||||||
| DOCTYPE | document type | type de contenu | Balise à mettre en 1ère ligne (avant <html> !). elle défini le type de contenu et l'organisme qui est le garant de la syntaxe du html. | Source DOCTYPE (html5) <!DOCTYPE HTML> | ||||||||
| footer | footer | pied de page | Espace de texte dédié au pied de page, de section, d'article | voir le pied de cette page : | ||||||||
| head | head of page | entête de page html | Espace non affiché, utilisé pour des balises de définition des propriétés de la page (charset, css, title, ...). | Source head (html5) | ||||||||
| h1 | header level 1 | titre de niveau 1 | Titre d'un texte, paragraphe, chapitre. Existe de h1 à h6, du + grand au + petit | Titre h2Titre h4Titre h6 | ||||||||
| hr | horizontal row | ligne horizontale, balise orpheline | petite déco facile, un peu obsolète. Pas besoin de la fermer. | Texte avant la ligne ... ... et après | ||||||||
| html | html | html | 1ère balise de la page, obligatoire, défini le contenu et encadre toutes les autres balises. | |||||||||
| img | image | image | importation d'une image, nécessite l'argument 'src' pour indiquer le chemin de li'image sur le serveur | |||||||||
| i | italic | italique | mise en italique du texte | |||||||||
| link | link | lien | (dans head) Lien vers une feuille externe. Est utilisée pour importer les feuilles CSS : exemple ci-contre à copier/coller | Source link (html5) <link href="style.css" rel="stylesheet" type="text/css">
href indique le chemin relatif vers le fichier css. | ||||||||
| li | list item | ligne de liste | Item d'une liste. Voir les balises ul ou ol | Source li (html5) Voir ul ou ol | ||||||||
| meta | meta | meta donnée | (dans head) Propriété de la page, peut contenir la description, les directives pour les robots, l'auteur, etc... | Source meta (html5) Page de caractère, important <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Autres exemples utiles : <meta name="description" content="description du contenu et du rôle de la page" /> <meta name="author" content="nom de l'auteur (vieux)" /> <meta name="copyright" content="© cosmos 1999 (nom de l'organisation, vieux)" /> | ||||||||
| nav | navigation | navigation, menu | Menu de navigation dans le site, dans la page ou une section. Ne contient souvent que des listes de liens hypertextes | Le menu de cette page ... (on peut aussi utiliser la balise menu) | ||||||||
| ol | ordonned list | liste numérotée | liste ordonnée, idem ul sauf que les points sont remplacés par des numéros. Voir ul. | Liste numérotée :
| ||||||||
| p | paragraph | paragraphe | sert à grouper du texte en paragraphes (phrases sur une même idée) | |||||||||
| section | section | section | Espace de texte d'un thème principal, contient des paragraphes, des titres, des articles, ... | tous les contenus sont du même thème, on changera de section au changement de thème | ||||||||
| td | table data | cellule de table ou "colonne" | Voir table et tr. Contient du texte ou code html. Contenu dans tr | Note : pour éviter l'absence d'affichage de la cellule, il faut y mettre au moins un espace non sécable | ||||||||
| th | table data header | cellule d'entête de "colonne" | balise à mettre dans une tr. Contient du texte html | Voir table et tr. | ||||||||
| tr | table row | ligne de table | Voir table. Contient des td ou th, Contenu dans table. | |||||||||
| header | text header | titre | Espace de texte dédié à l'affichage du titre d'une section, d'un article, de la page, ... complète les balise Hn | Voir le titres des articles et sections de cette page | ||||||||
| u | underline | souligné | texte souligné | texte souligné. | ||||||||
| table | table | tableau | table de cellules, divisées en lignes (tr) puis en colonnes (td). | Source table (html5)
| ||||||||
| title | title | titre | (dans head) Titre de la feuille html, affiché dans l'onglet du navigateur, dans la barre des tâches | Voir le titre de cette page dans l'onglet du navigateur | ||||||||
| ul | unordonned list | liste à puces | liste à puces, contient des lignes, des articles de liste, items : li. souvent utilisée pour les menus, les puces sont effacées par css. | Le résultat : Les listes sont douvent utilisées
|