recherche
Maisoninterface Webtutoriel HTMLIntroduction détaillée aux éléments HTML

Introduction détaillée aux éléments HTML

Mar 22, 2017 pm 02:36 PM
élément HTML

Les documents HTML sont définis par des éléments HTML.


Élément HTML

开始标签 * 元素内容 结束标签 *

这是一个段落
这是一个链接

   

La balise de début * est souvent appelée balise d'ouverture , et la balise de fin est souvent appelée balise de fermeture .


Syntaxe des éléments HTML

  • Les éléments HTML commencent par balises commençant par


  • Les éléments HTML se terminent par la balise de fermeture


  • Le contenu de l'élément est le contenu entre la balise de début et la balise de fin


  • Certains éléments HTML ont contenu vide


  • L'élément vide est fermé dans la balise ouvrante (se termine par la fin de la balise ouvrante)


  • La plupart des éléments HTML peuvent avoir l'attribut

Commentaires : Vous en apprendrez plus sur les propriétés dans le prochain chapitre de ce tutoriel.


Éléments HTML imbriqués

Les documents HTML sont composés d'éléments HTML imbriqués.


Exemple de document HTML





Ceci est mon premier paragraphe.




L'exemple ci-dessus contient trois éléments HTML.


Analyse d'exemple HTML

L'élément

Ceci est mon premier paragraphe.

L'élément

définit un paragraphe dans un document HTML.
Cet élément a une balise de début

et une balise de fin

.
Le contenu de l'élément est : Ceci est mon premier paragraphe.

L'élément


Ceci est mon premier paragraphe.


L'élément

définit le corps du document HTML.
Cet élément a une balise d'ouverture et une balise de fin .
Le contenu de l'élément est un autre élément HTML (l'élément p).

L'élément :




Ceci est mon premier paragraphe.




L'élément définit l'intégralité du document HTML.
Cet élément a une balise d'ouverture et une balise de fin .
Le contenu de l'élément est un autre élément HTML (l'élément body).


N'oubliez pas la balise de fermeture

Même si vous oubliez d'utiliser la balise de fermeture, la plupart des navigateurs afficheront le code HTML correctement :

Ceci est un paragraphe

Ceci est un paragraphe

L'exemple ci-dessus s'affiche également correctement dans le navigateur car la fermeture de la balise est facultative.

Mais ne vous fiez pas à cette approche. Oublier d'utiliser une balise de fermeture peut produire des résultats ou des erreurs imprévisibles.


Élément HTML vide

Un élément HTML sans contenu est appelé élément vide. Les éléments vides sont fermés dans la balise d'ouverture.


est un élément vide sans balise de fermeture (la définition de la balise
s'enroule).

En XHTML, XML et les futures versions de HTML, tous les éléments doivent être fermés.

L'ajout d'une barre oblique dans la balise d'ouverture, telle que
, est la manière correcte de fermer un élément vide et est acceptée par HTML, XHTML et XML.

Même si
fonctionne dans tous les navigateurs, l'utilisation de
est en réalité plus sûre à long terme.


Astuce HTML : utilisez des balises minuscules

Les balises HTML ne sont pas sensibles à la casse :

est équivalent à

. De nombreux sites Web utilisent des balises HTML en majuscules.

W3CSchool utilise des balises minuscules car le World Wide Web Consortium (W3C) recommande d'utiliser des minuscules dans HTML 4 et les utilisera obligatoire dans les futures versions (X)HTML minuscule.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
L'avenir de HTML: évolution et tendances de la conception WebL'avenir de HTML: évolution et tendances de la conception WebApr 17, 2025 am 12:12 AM

L'avenir de HTML est plein de possibilités infinies. 1) Les nouvelles fonctionnalités et normes comprendront plus de balises sémantiques et la popularité des composants Web. 2) La tendance de la conception Web continuera de se développer vers une conception réactive et accessible. 3) L'optimisation des performances améliorera l'expérience utilisateur grâce à des technologies de chargement d'image réactives et de chargement paresseux.

HTML vs CSS vs JavaScript: un aperçu comparatifHTML vs CSS vs JavaScript: un aperçu comparatifApr 16, 2025 am 12:04 AM

Les rôles de HTML, CSS et JavaScript dans le développement Web sont: HTML est responsable de la structure du contenu, CSS est responsable du style et JavaScript est responsable du comportement dynamique. 1. HTML définit la structure et le contenu de la page Web via des balises pour assurer la sémantique. 2. CSS contrôle le style de page Web via des sélecteurs et des attributs pour le rendre beau et facile à lire. 3. JavaScript contrôle le comportement de la page Web via les scripts pour atteindre des fonctions dynamiques et interactives.

HTML: Est-ce un langage de programmation ou autre chose?HTML: Est-ce un langage de programmation ou autre chose?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingNanguage; itisamarkupLanguage.1) htmlstructuresAndFormaSwebContentUsingTags.2) itworkswithcssforStylingandjavaScriptForIterActivity, EnhancingWebDevelopment.

HTML: construire la structure des pages WebHTML: construire la structure des pages WebApr 14, 2025 am 12:14 AM

HTML est la pierre angulaire de la construction de la structure des pages Web. 1. HTML définit la structure et la sémantique du contenu et les utilisations, etc. Tags. 2. Fournir des marqueurs sémantiques, tels que, etc., pour améliorer l'effet SEO. 3. Pour réaliser l'interaction de l'utilisateur via des balises, faites attention à la vérification de la forme. 4. Utilisez des éléments avancés tels que, combinés avec JavaScript pour obtenir des effets dynamiques. 5. Les erreurs courantes incluent des étiquettes non clôturées et des valeurs d'attribut non déposées et des outils de vérification sont nécessaires. 6. Les stratégies d'optimisation comprennent la réduction des demandes HTTP, la compression du HTML, l'utilisation de balises sémantiques, etc.

Du texte aux sites Web: la puissance de HTMLDu texte aux sites Web: la puissance de HTMLApr 13, 2025 am 12:07 AM

HTML est un langage utilisé pour créer des pages Web, définissant la structure des pages Web et le contenu via des balises et des attributs. 1) HTML organise la structure des documents via des balises, telles que. 2) Le navigateur analyse HTML pour construire le DOM et rend la page Web. 3) De nouvelles caractéristiques de HTML5, telles que, améliorez les fonctions multimédias. 4) Les erreurs courantes incluent des étiquettes non clôturées et des valeurs d'attribut non attribuées. 5) Les suggestions d'optimisation incluent l'utilisation de balises sémantiques et la réduction de la taille du fichier.

Comprendre HTML, CSS et JavaScript: un guide pour débutantComprendre HTML, CSS et JavaScript: un guide pour débutantApr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Le rôle de HTML: Structurer le contenu WebLe rôle de HTML: Structurer le contenu WebApr 11, 2025 am 12:12 AM

Le rôle de HTML est de définir la structure et le contenu d'une page Web via des balises et des attributs. 1. HTML organise le contenu via des balises telles que, ce qui le rend facile à lire et à comprendre. 2. Utilisez des balises sémantiques telles que, etc. pour améliorer l'accessibilité et le référencement. 3. Optimisation du code HTML peut améliorer la vitesse de chargement des pages Web et l'expérience utilisateur.

HTML et code: un examen plus approfondi de la terminologieHTML et code: un examen plus approfondi de la terminologieApr 10, 2025 am 09:28 AM

Htmlisaspecificypeofcodefocusedonconstructringwebcontent, tandis que "code" en général incluse les langues liés à lajavaScriptandpythonforfonctionnality.1) htmldefineswebpagestructureusingtags.2) "Code" enclueSawidererRangeFlanguageForgicandInteract "

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Version Mac de WebStorm

Version Mac de WebStorm

Outils de développement JavaScript utiles

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft