Guide de style et test HTML

Rubrique 1

Rubrique 2

Troisième rubrique

Quatrième rubrique

Rubrique cinq
Rubrique six

Citation en bloc

La citation en bloc est utilisée pour indiquer la citation d’une grande partie du texte d’une autre source. Il peut être aussi long ou aussi court que vous le souhaitez !

Ceux d’entre nous qui avaient passé la nuit debout n’étaient pas d’humeur à boire du café et des beignets, ils voulaient des boissons fortes. Nous étions, après tout, la crème de la crème de la presse sportive nationale.

Éléments de la liste mixte

Formatage du code

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    tab-size: 4;
}

Styles de table

Beatle Instrument Chanson
John Lennon Guitare Une journée dans la vie
George Harrison Guitare Vieille chaussure marron
Paul McCartney Basse Helter Skelter
Ringo Starr Batterie Ne me laissez pas passer

Style de texte en surbrillance

Pour utiliser la mise en évidence, il vous suffit d’ajouter un span avec la classe highlight. Vous pouvez le faire dans la vue de l’éditeur de texte. Vous trouverez un exemple ci-dessous :

<span class="highlight">This will be highlighted.</span>

Alignement des images

Image alignée à droite

Les images peuvent être bidimensionnelles, telles qu’une photographie, un affichage sur écran, ou tridimensionnelles, telles qu’une statue ou un hologramme. Elles peuvent être capturées par des dispositifs optiques – tels que des caméras, des miroirs, des lentilles, des télescopes, des microscopes, etc. et des objets et phénomènes naturels, tels que l’œil humain ou la surface de l’eau.

Image alignée à gauche

Le mot image est également utilisé dans le sens plus large de toute figure bidimensionnelle telle qu’une carte, un graphique, un diagramme circulaire ou une peinture abstraite. Dans ce sens plus large, les images peuvent également être rendues manuellement, par exemple par le dessin, la peinture, la sculpture, rendues automatiquement par l’impression ou la technologie graphique informatique, ou développées par une combinaison de méthodes.

Légendes des images

Il s’agit d’une légende d’image

 

Image alignée à droite

Il s’agit d’une légende d’image

 

Les images peuvent être bidimensionnelles, telles qu’une photographie, un affichage sur écran, ou tridimensionnelles, telles qu’une statue ou un hologramme. Elles peuvent être capturées par des dispositifs optiques – tels que des caméras, des miroirs, des lentilles, des télescopes, des microscopes, etc. et des objets et phénomènes naturels, tels que l’œil humain ou la surface de l’eau.

Image alignée à gauche

Il s’agit d’une légende d’image

 

Le mot image est également utilisé dans le sens plus large de toute figure bidimensionnelle telle qu’une carte, un graphique, un diagramme circulaire ou une peinture abstraite. Dans ce sens plus large, les images peuvent également être rendues manuellement, par exemple par le dessin, la peinture, la sculpture, rendues automatiquement par l’impression ou la technologie graphique informatique, ou développées par une combinaison de méthodes.

Styles de citations tirées

Pour utiliser la citation tirée, il vous suffit d’ajouter une classe de tirée-droite ou de tirée-gauche à votre contenu. Vous pouvez le faire dans la vue de l’éditeur de texte. Vous trouverez un exemple ci-dessous :

<span class="pull-right">Pull this text right.</span>

Cette citation se trouve sur le côté droit de l’article. Lorem ipsum dolor sit amet, consectetur.

Une citation tirée (également connue sous le nom de citation en relief) est une citation ou un extrait d’un article qui est généralement placé dans une police de caractères plus grande ou distincte sur la même page, afin d’attirer les lecteurs vers un article ou de mettre en évidence un sujet clé. Le terme est principalement utilisé dans le domaine du journalisme et de l’édition.

L’emplacement d’une citation tirée sur une page peut être défini dans le guide de style d’une publication ou d’un site web. Ce dispositif typographique peut être aligné ou non sur une colonne de la page. Certains concepteurs, par exemple, choisissent de ne pas aligner la citation. Dans ce cas, la citation se découpe en deux colonnes ou plus, comme dans l’exemple présenté.

Et cette citation tirée tire le texte vers la gauche, comme un monsieur. Lorem ipsum dolor sit amet, consectetur.

Les citations tirées ne doivent pas nécessairement être une copie exacte du texte cité ; en fonction du style de la publication, les citations tirées peuvent être abrégées pour des raisons d’espace et/ou paraphrasées pour des raisons de clarté, avec ou sans indication. Il n’existe pas de règles strictes pour le formatage exact des citations tirées.

Étiqueté