Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir une ligne de séparation horizontale en HTML ? Exemple de code expliquant la ligne de séparation horizontale HTML

不言
Libérer: 2018-10-31 11:29:36
original
42615 Les gens l'ont consulté

Dans le développement de pages Web frontales, nous devons parfois utiliser des lignes de séparation horizontales pour séparer différents documents, ce qui rendra la page Web entière belle et soignée, et soulignera également l'importance d'un certain paragraphe de texte, donc les lignes de séparation horizontales dans la page Web. Comment y parvenir ? Cet article vous expliquera comment implémenter des lignes de séparation horizontales en HTML.

Il existe une balise


en HTML. La balise

Jetons un bref coup d'œil à la définition de la balise



crée une ligne horizontale dans la page HTML ; peut séparer visuellement un document en plusieurs parties.

En HTML, la balise


est une balise unique sans balise de fermeture.

Expliquons ensuite en détail comment définir une ligne de séparation horizontale pour la balise
en HTML

Les caractéristiques de la définition d'une ligne horizontale pour la balise Il s'agit d'une ligne de séparation horizontale de 100 % de largeur et occupe une ligne exclusive. La ligne horizontale définie par la balise


est un élément au niveau du bloc, donc

Jetons un coup d'œil à l'exemple de code pour définir la ligne de séparation horizontale sur la balise

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p >
           桃之夭夭,灼灼其华。之子于归,宜其室家。
           <hr width="300" align="left">
           桃之夭夭,有蕡其实。之子于归,宜其家室。
           <hr width="300" align="left">
           桃之夭夭,其叶蓁蓁。之子于归,宜其家人。
           <hr width="300" align="left">
        </p> 
    </body>
</html>
Copier après la connexion

L'effet de la définition de la ligne de séparation horizontale sur le est la suivante :

Comment définir une ligne de séparation horizontale en HTML ? Exemple de code expliquant la ligne de séparation horizontale HTML

Remarque : la balise
, comme la balise
revenir à l'alignement à gauche.

Cet article se termine ici. Pour plus de détails sur la balise
, vous pouvez vous référer au

manuel html en ligne du site PHP chinois pour plus d'informations.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!