Maison > Article > interface Web > Comment ajouter des sous-titres en HTML ? Pour traduire cette question en chinois, ce serait : Comment ajouter des sous-titres en HTML ?
Comment ajouter des sous-titres en HTML ? Pour traduire cette question en chinois, ce serait : Comment ajouter des sous-titres en HTML ?
- PHPzavant
- 2023-08-25 20:13:021794parcourir
Le sous-titre est un élément de texte utilisé en HTML pour organiser et structurer le contenu Web. Les sous-titres sont souvent utilisés pour diviser de gros blocs de texte et fournir aux utilisateurs une hiérarchie claire d'informations. Les sous-titres sont généralement créés à l'aide des balises "H2", "H3", "H4", "H5" ou "H6" en HTML. Ces balises indiquent le niveau du titre, H1 étant le titre du niveau le plus élevé et H6 le sous-titre du niveau le plus bas.
Ajouter des sous-titres en HTML
HTML est un langage de balisage utilisé pour structurer et formater le contenu des pages Web. Un aspect important du HTML est la possibilité de créer des titres et des sous-titres pour organiser et structurer le texte. Dans cet article, nous aborderons différentes manières d'ajouter des sous-titres en utilisant HTML.
Méthode 1 - Utilisez la balise "H"
Méthode 2 – Utilisez la balise « P » avec CSS
Approche 3 − Utilisation de la balise "Div" avec CSS
Approche 1 : Utiliser les balises "H"
C'est la manière la plus courante de créer des titres et des sous-titres en HTML. Ces balises vont de H1 à H6, H1 étant le titre de niveau le plus élevé et H6 étant le plus bas. Pour créer un sous-titre, nous utilisons principalement les H2, H3, H4. , H5 ou H6 Par exemple, pour créer un sous-titre à l'aide de la balise H3, vous utiliserez le code suivant −
.<h3>This is a subheading</h3>
Exemple
Cet exemple montre la première méthode pour ajouter un sous-titre en HTML
.<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
body{
background-color:#d1d0b4;
}
</style>
</head>
<body>
<h1>This is a Main Heading</h1>
<h2>This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</body>
</html>
Approche 2 : Utiliser la balise "P" avec CSS
La deuxième méthode pour créer des sous-titres en HTML consiste à utiliser la balise "P" et à la styliser avec CSS. Cette méthode est utile si nous voulons créer un sous-titre qui n'est pas un titre traditionnel. Pour ce faire, nous utiliserions le "P". " et attribuez-lui une classe ou un identifiant que vous pouvez utiliser pour appliquer des styles CSS. Par exemple, pour créer un sous-titre à l'aide de la balise p, vous utiliserez le code HTML et CSS suivant −
CSS
.subheading {
font-size: 24px;
font-weight: bold;
}
HTML
<p class="subheading">This is a subheading</p>
Exemple
Cet exemple montre la deuxième méthode pour ajouter un sous-titre en HTML
.<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
div {
margin: auto;
height: 250px;
width: 500px;
padding-left:10px;
background-color: #d1d0b4;
border: 2px solid #000000;
}
.subheading {
font-size: 24px;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<h1>This is a Main Heading</h1>
<p class="subheading">This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</body>
</html>
Comment utiliser la balise CSS "Div"
Une troisième méthode pour créer des sous-titres en HTML consiste à utiliser la balise "Div" et à la styliser avec CSS. Cette méthode est similaire à la méthode de balise "P".
ExempleCet exemple montre la méthode de balise « div » comment ajouter un sous-titre en HTML
.
<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
div {
margin: auto;
height: 200px;
width: 450px;
padding-left:10px;
background-color: #2596;
bder: 2px solid #000000;
border-radius:10px;
}
.subheading {
font-size: 24px;
}
</style>
</head>
<body>
<div>
<h1>This is a Main Heading</h1>
<p class="subheading">This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</body>
</html>
ConclusionIl existe de nombreuses façons d'ajouter des sous-titres en utilisant HTML. La balise "H", la balise "P" avec CSS et la balise "Div" avec CSS sont toutes des méthodes valides. Il est important de noter que les titres et sous-titres doivent être utilisés pour organiser et structurer le contenu Web, et pas seulement pour le style.
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!