Accueil Médias sociaux Comment contrôler les blocs de texte en HTML5 - Les nuls

Comment contrôler les blocs de texte en HTML5 - Les nuls

Table des matières:

Vidéo: Tutoriel HTML5 Complet Pour Débutants - Créer un blog en HTML 2025

Vidéo: Tutoriel HTML5 Complet Pour Débutants - Créer un blog en HTML 2025
Anonim

Des blocs de texte construisent les bases de votre page Web. Vous utilisez des blocs de texte pour créer des éléments tels que les en-têtes, les paragraphes et les listes. Vous pouvez diviser ces blocs en morceaux plus petits pour mieux guider les lecteurs à travers votre contenu.

Cotes de bloc

Une citation de bloc est une citation, ou un extrait d'une source protégée par des droits d'auteur, que vous avez mise de côté sur une page. Utilisez l'élément pour placer des citations:

Citations célèbres
Une citation inspirante

Quand j'ai besoin d'un peu d'inspiration pour me rappeler pourquoi je passe mes journées en classe, je me souviens de ce que disait Lee Iococca:

Dans une société complètement rationnelle, les meilleurs d'entre nous seraient des enseignants et le reste d'entre nous devrait se contenter d'autre chose.

La plupart des navigateurs Web affichent le contenu du devis de bloc avec un léger retrait à gauche, comme illustré dans cette figure.

Texte préformaté

Habituellement, HTML ignore les espaces blancs à l'intérieur des documents. C'est pourquoi un navigateur n'affiche aucun des retours Hard

d'un élément de bloc.

  • Sauts de ligne.

  • Grands espaces blancs.

  • Le balisage suivant inclut plusieurs retours difficiles, sauts de ligne et beaucoup d'espaces. La figure montre que le navigateur Web ignore tout cela.

Ceci est un paragraphe avec beaucoup d'espace blanc pour s'amuser (et comme test bien sûr).

L'élément de texte préformaté (

) indique aux navigateurs de conserver tous les espaces vides lorsqu'ils affichent votre contenu. (Comme indiqué dans l'exemple de code.) Utilisez l'élément

à la place de l'élément
pour que le navigateur applique tout votre espace blanc, comme indiqué sur la figure.

Espace blanc

Ceci est un paragraphe avec beaucoup d'espace blanc pour s'amuser (et comme test bien sûr).
Vous pouvez souhaiter que le navigateur affiche des espaces blancs dans une page HTML où l'espacement est important, par exemple

Exemples de code

  • Données de colonne, nombres ou autre texte sensible au format

  • Tableaux texte < Vous pouvez imbriquer

  • éléments à l'intérieur des éléments

pour contrôler soigneusement la façon dont les lignes de texte entre guillemets apparaissent sur la page. Ou mieux encore, oubliez ces balises et utilisez CSS pour positionner les blocs de texte à l'intérieur des éléments.

Règles horizontales
L'utilisation d'un élément de règle horizontal (hr) vous permet d'inclure des lignes droites solides appelées

rules

sur votre page. Le navigateur crée la règle en fonction de l'élément hr, de sorte que les utilisateurs n'attendent pas le téléchargement d'un graphique. Une règle horizontale est une bonne option pour fractionner une page en sections logiques.

Séparez les en-têtes et les pieds de page du reste de la page.

  • Formatage

  • Lorsque vous incluez un élément

sur votre page, comme dans le code HTML suivant, le navigateur le remplace par une ligne, comme indiqué sur la figure.

Règles horizontales Ceci est un paragraphe suivi d'une règle horizontale.

Ceci est un paragraphe précédé d'une règle horizontale.

Une règle horizontale se trouve toujours sur une ligne par elle-même; vous ne pouvez pas ajouter l'élément

au milieu d'un paragraphe (ou d'un autre élément de bloc) et attendre que la règle apparaisse au milieu du bloc.

Le bit HTML suivant crée une règle horizontale qui occupe 45% de la largeur de la page, 4 pixels (px) de haut, est alignée sur le centre et l'ombrage est désactivé: Ceci est un paragraphe suivi par une règle horizontale.

Ceci est un paragraphe précédé d'une règle horizontale.

La figure montre comment l'ajout d'attributs dans l'exemple précédent modifie la façon dont une règle apparaît. (Note:

Ces attributs sont obsolètes et doivent être remplacés par des équivalents CSS Les attributs obsolètes sont couverts en ligne et le code HTML précédent n'est pas valide.)

Comment contrôler les blocs de texte en HTML5 - Les nuls

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 ...