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

Recommandations récapitulatives des titres HTML

Jan 22, 2018 am 10:44 AM
html 推荐 标题

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Grow A Garden - Guide de mutation complet
3 Il y a quelques semaines By DDD
<🎜>: Bubble Gum Simulator Infinity - Comment obtenir et utiliser les clés royales
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Système de fusion, expliqué
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Comment déverrouiller le grappin
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel Java
1670
14
Tutoriel PHP
1274
29
Tutoriel C#
1256
24
Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Comment analysez-vous et traitez-vous HTML / XML dans PHP? Comment analysez-vous et traitez-vous HTML / XML dans PHP? Feb 07, 2025 am 11:57 AM

Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles