Titres et paragraphes HTML

Titres HTML

Les titres sont définis via les balises <h1> ><h1> Définit le titre le plus grand. <h6> Définit le plus petit en-tête.

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<h2>我是第二大的</h2>
<h3>我是第三大的</h3>
....
<h6>我是最小的</h6>
</body>
</html>

Remarque : Le navigateur ajoutera automatiquement des lignes vides avant et après le titre.

Les titres sont importants

Assurez-vous d'utiliser la balise de titre HTML uniquement pour les titres. N'utilisez pas de titres uniquement pour produire du texte en gras ou en gros caractères.

Les moteurs de recherche utilisent des en-têtes pour indexer la structure et le contenu de vos pages Web.

Étant donné que les utilisateurs peuvent naviguer rapidement dans votre page à travers les titres, il est important d'utiliser des titres pour présenter la structure de votre document.

H1 doit être utilisé comme titre principal (le plus important), suivi de h2 (le prochain plus important), puis h3, et ainsi de suite.

Paragraphe HTML

Après le titre, il y aura un paragraphe. Le paragraphe est défini avec la balise <p></p> pour le segmenter Vous pouvez utiliser la balise <p> :

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>《背影》-朱自清</h1>
<p>我与父亲不相见已二年余了，我最不能忘记的是他的背影。</p>那年冬天，祖母死了，父亲的差使也交卸了，正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧
回家。到徐州见着父亲，看见满院狼藉的东西，又想起祖母，不禁簌簌地流下眼泪。父亲说：“事已如此，不必难过，好在天无绝人之路!”</p><p>回家变卖典质，父亲
还了亏空;又借钱办了丧事。这些日子，家中光景很是惨淡，一半为了丧事，一半为了父亲赋闲。丧事完毕，父亲要到南京谋事，我也要回北京念书，我们便同行。</p>
</body>
</html>

Bien que le texte de l'exemple ne soit pas affiché en segments, la balise <p> <p> Le rôle des étiquettes.

Ligne horizontale HTML La balise

<hr> crée une ligne horizontale dans une page HTML.

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<hr>
<h2>我是第二大的</h2>
<hr>
<h3>我是第三大的</h3>
<hr>
....
<h6>我是最小的</h6>
</body>
</html>

Commentaires HTML

Vous pouvez insérer des commentaires dans le code HTML, ce qui peut améliorer sa lisibilité et rendre le code plus facile à comprendre. Le navigateur ignore les commentaires et ne les affiche pas.

Les commentaires sont rédigés comme suit :

Conseils HTML - Comment afficher le code source

En avez-vous vu? La page s'est alors émerveillée de la façon dont cela a été réalisé.

Si vous souhaitez découvrir le secret, faites un clic droit et sélectionnez « Afficher la source » (IE) ou « Afficher la source de la page » (Firefox). Les autres navigateurs font la même chose. Cela ouvrira une fenêtre contenant le code HTML de la page.

Formation continue

nouveau fichier

<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Titres et paragraphes 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]