Liste des balises HTML5
-
Bonjour !
Souvent, on code un site, et on se dit "mince, elle fait quoi dejà cette balise ? " ou "c'est quelle balise pour faire telle chose ?".
C'est pour cela que je vous propose un petit récapitulatif des balises utilisées en HTML5 ainsi que de leurs fontions.
Un exemple concret est présent quand on clique sur les balises.
( liste trouvée sur http://41mag.fr/liste-des-balises-html5)
Définit un commentaire
Définit le type du document
Définit un lien
Définit une abréviation
Définit une adresse
Définit une zone à l’intérieur d’une image
Définit un article
Définit une partie latérale au contenu
Définit un fichier audio
Texte en gras
Définit une URL de base pour tous les liens de la page
Définit la direction du texte
Définit une longue citation
Définit le corps de la page
Saut de ligne
Définit un bouton cliquable
Définit un graphique
Légende du tableau
Définit une citation
Mise en forme d’un texte en code informatique
Définit une colonne d’un tableau
Définit un groupe de colonne pour un tableau
Définit un bouton de commande
Définit une liste d’options
Définition d’un terme
Définit un texte supprimé
Définit les détails d’un élément
Définition
Définit un calque ou une section
Liste de définition
Définition d’un terme
Mise en exergue d’un texte – italique
Définit un contenu extérieur (audio, vidéo …)
Regroupe plusieurs éléments d’un formulaire
Légende d’un groupe d’élément multimédia
Définit un groupe d’élément multimédia
Définit le bas d’un section ou d’une page
Définit un formulaire
Définit un titre par degré importance de 1 à 6
Définit l’en-tête d’un document
Définit le haut d’une section ou d’une page
Regroupe les informations du haut d’une page ou section
Barre horizontale
Définit un document html
Texte en italique
Introduit un page html dans une frame
Définit une image
Définit un champ
Définit un texte insérer
Générateur de clé pour un formulaire
Raccourcis ou touche du clavier
Légende d’un groupe d’élément de formulaire
Titre d’un groupe d’élément d’un formulaire
Élément d’une liste
Définit les relations entre les documents
Définit une carte
Mise en valeur d’un mot ou d’un texte – Texte marqué
Définit une formule mathématique
Définit un menu en liste
Définit des informations relatives au document
Définit une unité de mesure
Définit un groupe de liens de navigation
Définit une alternative au script non supporté
Définit un objet du contenu extérieur multimédia
Définit une liste ordonné
Regroupe d’une liste d »option dans un formulaire
Option d’une liste dans un formulaire
Définit un type de sortie
Définit un paragraphe
Définit les paramètres d’un objet
Texte pré-formaté
Définit une progression
Définit une courte citation
Annotation ruby si le script n’est pas supporté
Annotation ruby d’explication
Définit une annotation en ruby
Définit un échantillon de code
Définit un script
Définit une section
Définit une liste sélectionnable
Minimise l’importance d’un texte
Définit la source d’un contenu multimédia
Définit une section de type inline
Mise en exergue d’un texte – Texte en Gras
Définit un style CSS
Mise en indice d’un texte
Définit l’en-tête des détails d’un document ou section
Mise en exposant d’un texte
Définit une image vectorielle
Définit un tableau
Définit le corps d’un tableau
Définit une cellule d’un tableau
Définit une zone de texte
Définit le bas d’un tableau
Définit une cellule d’en-tête d’un tableau
Définit le haut d’un tableau
Définit une unité de temps
Définit le titre d’un document
Définit une ligne de tableau
Définit une unité de temps pour les éléments <audio> et <video>.
Définit une liste non-ordonné
Définit une variable
Définit une vidéo
Définit un possible retour à la ligne
>
-
C'est bien peut être pratique.
Mais pour moi il manque des infos essentielles pour pouvoir coder : les attributs possibles avec leurs paramétrage et l'implémentation des balises (auto-fermantes ou non).
-
Bon tutoriel, mais il faudrait mettre un peu plus de description et de mise en forme, mais merci quand même !
Bon boulot, +1 rep.
-
un site que je conseil aussi: http://www.w3schools.com/tags/ il référence toutes les balises, leurs attributs et donne des exemples (avec des interactions possible) et même moi qui suis une quiche en anglais je comprends xD
mais merci du partage quand même
-
La mise en forme est a revoir,
je me rappel au temps que j'étais débutant dans le codage je trouvais ça super utile ... Maintenant je comprends que ça ne m'a jamais servit à rien.
Pour ceux souhaitant commencer à s'aventurer dans le codage voir cette liste ne vous aidera PAS, regarder les codes sources, pratiquez, regardez des codes sources [boucle infinie] c'est la clés de la réussite.
A la limite allez voir des tutoriels sur internet mais pour le html : Aucune utilité il y a pas besoin de tutoriel pour coder le html
-
Je suis d'accord pour le fait que certaines balises ne sont pas utiles, néanmoins pour ce qui est des tutoriels là mon avis diverge : ils sont vitaux pour apprendre.
On peut apprendre sur le tas en décortiquant certaines page web, mais c'est extrêmement compliqué de comprendre tout les méandres des différents langages de programmation même dans un cas comme l'HTML.Qu'entends-tu par la "La mise en forme est en revoir" ? A revoir, non ?
-
Qu'entends-tu par la "La mise en forme est en revoir" ? A revoir, non ?
Faute de frappe
Personnellement pour le HTML et CSS les tutoriels ont été complétement inutile et n'ont fait que freiner mon apprentissage, selon moi le meilleur moyen est de pratiquer et de regarder des exemples. (Bon après il faut faire différence entre : Tutoriel et apprentissage !
Quand je dis tutoriel c'est par exemple les tutoriels sur siteduzero sur le html que je trouve inutile MAIS je trouve utile de savoir les balises (car sinon comment savoir ce que c'est ?) )
Personnellement pour apprendre je m'amuser à faire des inspecter éléments et modifier à mon goût une page pour ensuite reprendre le code et le refaire sur sublime text 2 (ou pour la plupart d'entre-vous : notepad +)
Je ne dis pas que les tutoriels sont inutile juste que tout le monde ne peut pas comprendre avec des tutoriels (pour ma part) donc je propose une autre solution d'apprentissage qui est assez régulière et beaucoup plus sympathique que de lire des textes et des textes pour en arriver à un résultat qui pour la plupart du temps nous déplaira et dans un futur proche nous devrons relire d'autres tutoriels pour mieux comprendre.
-
Chacun a sa manière d'apprentissage, néanmoins certains préfèrent comprendre le fonctionnement du langage par la théorie et en faisant des petits bouts de codes par petits bouts de code tout au long du tutoriel plutôt que d'apprendre en copiant des pages en déduisant leur utilité.
Il n'y a pas de vérité générale sur l'apprentissage, simplement la majorité a besoin d'explications plus fournies que de déduction, en aucun cas ce sujet n'a pas pour vocation d'apprendre à tout le monde : il sert juste d'annuaire pour les balises présentent dans l'HTML5.
-
C'est assez récent je crois mais elles sont très utiles, ce sont ces deux balises :
- background-clip
- mask-image
Elles permettent d'ajouter une certaine texture, ou même une image de fond au texte. Pour réaliser cette effet par exemple :
Et ça s'en créer l'image d'abord sur Photoshop.
Un tutoriel par ici peu vous aider : http://www.webdesignerdepot.com/2014/12/3-tricks-for-adding-texture-to-your-text-with-css-and-svg/
-
Il est vrai qu'un listing des nouveautés apportées par HTML5 ainsi que la compatibilité de ces dernières avec les différents navigateurs aurait été mieux, mais merci a toi !
-
Tout à fait.
HTML5 apporte un lot considérable de nouveautés, ça serait sympa d'en parler.
Bonjour ! Vous semblez intéressé par cette conversation, mais vous n’avez pas encore de compte.
Marre de refaire défiler les mêmes messages ? Créez un compte pour retrouver votre position, recevoir des notifications des nouvelles réponses, sauvegarder vos favoris et voter pour les messages que vous appréciez.
Grâce à votre participation, ce message peut devenir encore meilleur 💗
S'inscrire Se connecter