Accueil Médias sociaux Comment créer des en-têtes en HTML5 - les sous-titres

Comment créer des en-têtes en HTML5 - les sous-titres

Table des matières:

Vidéo: Tutoriel HTML5 / CSS3 - Créer une Calculatrice // Intégration du style (2/3) 2025

Vidéo: Tutoriel HTML5 / CSS3 - Créer une Calculatrice // Intégration du style (2/3) 2025
Anonim

Les en-têtes divisent un document en sections. La plupart des livres utilisent des titres et des sous-titres pour diviser chaque chapitre en sections, par exemple, et vous pouvez faire la même chose avec votre page Web. En-têtes

  • Créer une structure organisationnelle.

  • Divisez le flux de texte sur la page.

  • Fournissez des indices visuels sur la façon dont les éléments de contenu sont regroupés.

HTML inclut six éléments pour différents niveaux de titre dans les documents:

  • est le titre le plus visible (Titre 1)

  • est le titre le moins important (Titre 6)

Suivez l'ordre numérique du plus bas au plus haut lorsque vous utilisez les niveaux de titre HTML. C'est-à-dire, n'utilisez pas un en-tête de second niveau tant que vous n'utilisez pas un en-tête de premier niveau, n'utilisez pas un en-tête de troisième niveau avant d'en utiliser un second, etc. Si cela n'a pas de sens pour vous, pensez à la façon dont les six styles de titres fonctionnent dans Microsoft Word et vous l'aurez.

Mise en forme

Pour créer un en-tête, procédez comme suit:

  1. Ajoutez dans le corps de votre document.

  2. Tapez le contenu de l'en-tête.

  3. Ajouter .

Utilisé dans ce contexte, n signifie le numéro du niveau de titre que vous voulez créer. Par exemple, pour créer un en-tête de premier niveau, vous devez remplacer le numéro 1 par n et ajouter

à votre page, par un en-tête de second niveau, ajouter

, etc..

Affichages du navigateur

Chaque navigateur a une manière différente d'afficher les niveaux de titre.

Navigateurs graphiques

La plupart des navigateurs graphiques utilisent une taille et un caractère distinctifs pour les en-têtes:

  • Les en-têtes de premier niveau (

    ) sont les plus grands (généralement deux ou trois tailles plus grandes que).

  • Toutes les en-têtes utilisent par défaut le type en caractères gras, et le texte du paragraphe utilise le type simple (non-gras) par défaut.

  • Les en-têtes de sixième niveau (

    ) sont les plus petits et peuvent avoir deux ou trois tailles de caractères plus petites que le texte de paragraphe par défaut.

L'extrait de code HTML suivant présente les six rubriques au travail:

Tout sur les blocs: Titres 1-6

Titre du premier niveau

Titre du deuxième niveau

Titre du troisième niveau > Titre de quatrième niveau

Titre de cinquième

Titre de sixième
La figure montre les en-têtes de la page HTML tels qu'ils ont été affichés dans un navigateur.

Utilisez la fonction CSS pour contrôler l'aspect des en-têtes, notamment la couleur, la taille, l'espacement et l'alignement.

Par défaut, la plupart des navigateurs utilisent les polices Times Roman pour les en-têtes. La taille de la police diminue au fur et à mesure que le niveau de titre augmente. (Les tailles par défaut pour les en-têtes du premier au sixième niveau sont, respectivement, les polices 24, 18, 14, 12, 10 et 8 points.Vous pouvez remplacer cette mise en forme en utilisant CSS.

Navigateurs de texte

Les navigateurs uniquement textuels utilisent des conventions d'en-tête différentes de celles des navigateurs graphiques, car les navigateurs textuels utilisent une seule taille de caractères et une seule police pour afficher tout le contenu. Certains bons navigateurs texte seulement à considérer comprennent Lynx, ELinks, Cygwin et MIRA.

Comment créer des en-têtes en HTML5 - les sous-titres

Le choix des éditeurs

Comment créer un diagramme SmartArt PowerPoint 2007 - Les mannequins

Comment créer un diagramme SmartArt PowerPoint 2007 - Les mannequins

Constituent le moyen le plus simple de créer un diagramme PowerPoint SmartArt pour créer une nouvelle diapositive PowerPoint et entrer une liste à puces, puis la convertir en SmartArt. Créez d'abord votre diapositive à l'aide de la disposition Titre et contenu, puis procédez comme suit:

Comment créer une vidéo de présentation dans PowerPoint sur votre Mac - dummies

Comment créer une vidéo de présentation dans PowerPoint sur votre Mac - dummies

Un moyen de distribuer une vidéo de présentation PowerPoint doit l'enregistrer dans un fichier QuickTime (MOV) sur votre Mac et distribuer le fichier par courrier électronique ou le poster sur Internet. PowerPoint offre une commande pour créer une version QuickTime d'une présentation. Chaque aspect d'une présentation PowerPoint, y compris les transitions, animations, sons, vidéos ...

Création d'une transition de diapositives PowerPoint 2013 - des mannequins

Création d'une transition de diapositives PowerPoint 2013 - des mannequins

Est une transition de PowerPoint 2013 au prochain lors d'un diaporama à l'écran. La manière normale de passer d'une diapositive à l'autre est simplement de couper la nouvelle diapositive - efficace, oui, mais aussi ennuyeuse. PowerPoint vous permet d'affecter l'un des plus de 50 effets spéciaux différents à ...

Le choix des éditeurs

Comment créer une société en ligne QuickBooks pour un client - des nuls

Comment créer une société en ligne QuickBooks pour un client - des nuls

Pour l'entreprise. Si vous vous êtes inscrit au programme Intuit Wholesale Pricing, la responsabilité de facturation de la société QBO que vous créez devient une question de choix: vous pouvez payer l'abonnement du client et ensuite facturer le client pour le coût de l'abonnement. À l'heure actuelle (cela pourrait changer dans le futur), ...

Créer une copie comptable du fichier de données QuickBooks - les nuls

Créer une copie comptable du fichier de données QuickBooks - les nuls

QuickBooks 2012 permet aux comptables de travailler avec des fichiers de données client. Votre client crée la copie comptable du fichier de données QuickBooks en utilisant sa version de QuickBooks et le fichier de données réelles, puis crée un fichier que le client vous envoie (par exemple par courrier ou par e-mail) ...

Créer une copie comptable du fichier de données 2013 de QuickBooks - les mannequins

Créer une copie comptable du fichier de données 2013 de QuickBooks - les mannequins

QuickBooks 2013 facilite la tâche comptables pour travailler avec les fichiers de données client. Votre client crée la copie comptable du fichier de données QuickBooks en utilisant sa version de QuickBooks et le fichier de données réelles, puis crée un fichier que le client vous envoie (par exemple par courrier ou par e-mail) ...

Le choix des éditeurs

10 Questions fréquemment posées sur la méditation - les nuls

10 Questions fréquemment posées sur la méditation - les nuls

Quand la plupart des gens considèrent la pratique de la méditation Ils ont quelques questions auxquelles ils veulent avoir une réponse - et quand ils commencent, ils en proposent un peu plus. Voici les réponses à dix questions courantes pour vous aider à démarrer votre voyage. Est-ce que la méditation me fait trop ...

10 Méthodes populaires du corps et de l'esprit - les nuls

10 Méthodes populaires du corps et de l'esprit - les nuls

Vous n'êtes pas le seul à s'intéresser de plus en plus à ce qui est maintenant appelé fitness esprit-corps. La fascination et la demande se répandent comme une traînée de poudre. Ce sont les pratiques du corps et de l'esprit les plus en vue et en développement. Méthode du corps et de l'esprit n ° 1: Yoga Hatha Yoga met l'accent sur les formes physiques pour aider l'esprit. Les bonus ajoutés comprennent l'augmentation de l'équilibre, du corps ...

10 Occasions de voir sa vie avec des yeux spirituels - des nuls

10 Occasions de voir sa vie avec des yeux spirituels - des nuls

La vie apporte une variété de plaisants et stimulants expériences: Un jour, tout se passe bien, mais un autre jour est rempli d'obstacles. Une fois que vous êtes douchés de bonne fortune, mais une autre fois vous êtes traîné par le malheur. Vous pouvez vous sentir restreint par votre passé, avoir peur pour l'avenir ou avoir de l'espoir pour une nouvelle possibilité. Tout ...