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
<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.
Définir l'alignement du titre :
Syntaxe CSS :
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
hr peut être utilisé pour séparer le contenu.
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr />
Ceci est un paragraphe
Astuce : Utiliser des lignes horizontales (balisesDans HTML 4.01, l'attribut align de
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) :
Syntaxe CSS (Firefox, Chrome et Safari) :
Syntaxe CSS (multi-navigateurs) :
Valeur de l'attribut Description format de syntaxe CSS
aligner à gauche
centre
à droite HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie l'alignement des éléments
noshade noshade HTML5 ne prend pas en charge. HTML 4.01 est obsolète. Spécifie que la couleur de l'élément
taille des pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la hauteur de l'élément
pixels de largeur
% HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la largeur de l'élément
<!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 :
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!