Éléments HTML

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

Élément HTML

L'élément HTML fait référence à tout, de la balise de début au code de la balise de fin.

Vers le bas

< /tr>

Balise de début

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="" >	This is a link	</a>
<br />
<body>		</body>

Contenu de l'élément<🎜>

Ceci est un paragraphe

Ceci est un lien

</a>

<body>

>< /td>

</body>

Remarque : 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 une balise de début
Les éléments HTML se terminent par des balises de fermeture
Le contenu de l'élément est le contenu entre la balise d'ouverture et la balise de fermeture
Certains éléments HTML ont un contenu vide
Les éléments vides sont fermés dans la balise d'ouverture (se terminent par la fin de la balise d'ouverture)
La plupart des éléments HTML peuvent avoir les attributs

Conseil : Vous en apprendrez plus sur les attributs dans le prochain chapitre de ce tutoriel.

Éléments HTML imbriqués

La plupart des éléments HTML peuvent être imbriqués (peuvent contenir d'autres éléments HTML).

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

<html>
<body>
Il y a trois éléments html ici
</body> ;
</html>

L'exemple ci-dessus contient trois Éléments HTML. Il s'agit d'un élément , d'un élément <body>, d'un élément <html>

Explication HTML

 🎜>

Ceci est mon premier paragraphe.

Cet élément 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.

<body> Élément :

<body>C'est mon premier paragraphe.
</body>
L'élément

<body>

Cet élément a une balise de début <body> et une balise de fin </body>. Le contenu de l'élément

est un autre élément HTML (élément p).

Ceci est mon premier paragraphe.

</body>
</ L'élément html>

<html> définit l'intégralité du document HTML.
Cet élément a une balise de début <html> et une balise de fin </html>. Le contenu de l'élément
est un autre élément HTML (l'élément body).
N'oubliez pas la balise de fermeture
La plupart des navigateurs le feront correctement même si vous oubliez d'utiliser la balise de fermeture Afficher le HTML :
Ceci est un paragraphe
Ceci est un paragraphe

Instance
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
This is a paragraph
This is a paragraph
</body>
</html>
Résultat de l'exécution du programme :
Ceci est un paragraphe
Ceci est un paragraphe
L'exemple ci-dessus fonctionnera correctement dans la plupart des navigateurs, mais ne vous fiez pas à cette approche. Oublier d'utiliser une balise de fermeture peut produire des résultats ou des erreurs imprévisibles.
Remarque : Une future version de HTML ne permettra pas d'omettre la balise fermante.
Élément HTML vide
Un élément HTML sans contenu est appelé un é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).
Dans 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 bonne façon de fermer un élément vide et est acceptée par HTML, XHTML et XML.
Même si est valable dans tous les navigateurs, l'utilisation de 
Astuce : Les balises HTML ne sont pas sensibles à la casse : est équivalent à , mais les minuscules sont recommandées

Formation continue

nouveau fichier

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <body> 这里有三个html元素 </body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Éléments HTML

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]