Maison > Article > interface Web > Recommandations récapitulatives des titres HTML
Recommandations récapitulatives des titres HTML
- php中世界最好的语言original
- 2018-01-22 10:44:561489parcourir
Cette fois je vais vous apporter un résumé et une recommandation de titres HTML. Quelles sont les précautions pour les titres HTML Voici des cas pratiques, jetons un coup d'oeil.
HTML : Titre
Le titre est défini via des balises telles que 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc.
<h1> 定义最大的标题。<h6> 定义最小的标题。 <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Astuce : Le navigateur ajoutera automatiquement des lignes vides avant et après le titre. h1 sert de titre principal (le plus important), suivi de h2 (le prochain plus important), puis de h3, et ainsi de suite. Astuce : Par défaut, HTML ajoutera automatiquement une ligne vierge supplémentaire avant et après les éléments de niveau bloc, tels que les paragraphes et les éléments de titre. 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc L'attribut align est obsolète en HTML4/5. Veuillez plutôt utiliser CSS. Le titre prend en charge les attributs d'événement et les attributs globaux
Définir l'alignement du titre :
Syntaxe CSS : 43b22804203b6045a31eedffd0845461
Méthode 1 :
<!DOCTYPE html> <html> <body> <h1 style="text-align:center">This is heading 1</h1> <h2 style="text-align:left">This is heading 2</h2> <h3 style="text-align:right">This is heading 3</h3> <h4 style="text-align:justify">This is heading 4</h4> </body> </html>
Méthode 2 :
<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>HTML : Ligne horizontale
balise 231a563c997aa9e3e0ae614bd16728b0 dans Créer des lignes horizontales dans les pages HTML. L'élément
hr peut être utilisé pour séparer le contenu.
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr />
e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3Astuce : Utiliser des lignes horizontales (balises f32b48428a809b51f04d3228cdf461fa) pour séparer les sections d'un article est une façon (mais pas la seule). HTML5 ne prend pas en charge l'attribut d'alignement f32b48428a809b51f04d3228cdf461fa Veuillez plutôt utiliser CSS.
Dans HTML 4.01, l'attribut align de f32b48428a809b51f04d3228cdf461fa L'attribut
align spécifie l'alignement des lignes horizontales.
Remarque : L'attribut align n'aura aucun effet à moins que l'attribut width soit défini à moins de 100 %.
Syntaxe CSS (IE et Opera) : b6b08834a2c71e4c4f5c07ba37a5f4e5
Syntaxe CSS (Firefox, Chrome et Safari) : e982cfa4619a81dd06cff7a0e95feac5
Syntaxe CSS (multi-navigateurs) : 7ddfdf383f176d5259b96af8417ef01d
Valeur de l'attribut Description format de syntaxe CSSc98f903ba699f243c047ae970b8a1da0
aligner à gauche
centre
à droite HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie l'alignement des éléments f32b48428a809b51f04d3228cdf461fa
noshade noshade HTML5 ne prend pas en charge. HTML 4.01 est obsolète. Spécifie que la couleur de l'élément f32b48428a809b51f04d3228cdf461fa est rendue sous forme de couleur unie.
taille des pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la hauteur de l'élément f32b48428a809b51f04d3228cdf461fa
pixels de largeur
% HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la largeur de l'élément f32b48428a809b51f04d3228cdf461fa
<!DOCTYPE html> <html> <body> <p>This is some text. This is some text. This is some text.</p> <hr style="width:50%;text-align:left;margin-left:0"> <p>This is some text. This is some text. This is some text.</p> </body> </html>
HTML : Commentaires
peut 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.
Le commentaire est écrit ainsi :
a3bb2fa3b55d6ea57402e4243e1154a1
Commentaire : Les deux dernières barres obliques (/ /) sont le symbole de commentaire JavaScript. Cela garantit que JavaScript n'exécutera pas la balise -->
En plus de leur rôle évident dans les documents sources, de nombreux serveurs Web utilisent également des annotations pour implémenter des fonctionnalités propres aux logiciels de serveur de documents. Ces serveurs peuvent analyser les documents à la recherche de séquences de caractères spécifiques dans les commentaires HTML/XHTML traditionnels, puis prendre les actions appropriées en fonction des commandes intégrées dans les commentaires. Ces actions peuvent être aussi simples que l'inclusion de texte provenant d'autres fichiers (ce que l'on appelle l'inclusion à l'intérieur du serveur), ou elles peuvent être aussi complexes que l'exécution d'autres commandes pour générer dynamiquement le contenu du document.
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Exemples détaillés de formatage de texte HTML
Quelles sont les balises de liste en HTML ?
Bases de l'édition HTML (une lecture incontournable pour les débutants)
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!