Maison > interface Web > tutoriel HTML > Recommandations récapitulatives des titres HTML

Recommandations récapitulatives des titres HTML

php中世界最好的语言
Libérer: 2018-01-22 10:44:56
original
1516 Les gens l'ont consulté

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>
Copier après la connexion

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.

-

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 :

text-align:right ">

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>
Copier après la connexion

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>
Copier après la connexion

HTML : Ligne horizontale

balise


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 />
Copier après la connexion

Ceci est un paragraphe

Astuce : Utiliser des lignes horizontales (balises
) 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
Veuillez plutôt utiliser CSS.

Dans HTML 4.01, l'attribut align de


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) :


Syntaxe CSS (Firefox, Chrome et Safari) :


margin-right:0">

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


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


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>
Copier après la connexion

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!

É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