Catégories à fermer


Aller en bas
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

Des balises de mise en page HTML Empty Des balises de mise en page HTML

le Jeu 2 Mai - 10:54

Les bases du HTML

Des balises de mise en page

Hello hello Smile

Ici, nous allons voir quelques balises de mise en page qui viendront compléter ce tutoriel sur les balises de base.

On va donc y aller ! Commençons par découvrir des balises simples de mise en page Smile

C'est parti !


Du gras

Pour mettre en gras, on utilisera "strong" ou "b" :

Exemple :

Des balises de mise en page HTML Txt_gras

Code:
<strong>Texte en gras</strong>

Idea Visuellement, aucune différence entre les 2. Cependant, c'est au niveau du sens accordé au mot que c'est différent :
> avec strong : j'accentue l'importance du mot. Il est important.
> avec b : je le mets simplement en gras, sans donner du sens au mot/groupe de mot, sans dire au navigateur que cette partie est plus importante.

De l'italique

Pour mettre en italique, on utilisera les balises "em" ou "i"

Exemple :

Des balises de mise en page HTML Txt_italique

Code:
<em>Texte en italiqe</em>

Idea Visuellement, aucune différence entre les 2. Cependant, c'est au niveau du sens accordé au mot que c'est différent :
> avec em : j'accentue l'importance du mot. Il est important.
> avec i : je le mets simplement en italic, sans donner du sens au mot/groupe de mot, sans dire au navigateur que cette partie est plus importante.

Du soulignement

Pour souligner, ce sera "u"

Exemple :

Des balises de mise en page HTML Txt_soulign

Code:
<u>Texte Souligné</u>

De la couleur et de la taille

• Pour mettre en couleur, on utilisera "font color" (couleur de police)

Exemple :

Des balises de mise en page HTML Txt_color

Code:
<font color="#e26e26">Texte en #e26e26</font>

• Pour changer la taille : "font size" (taille de police)

Exemple :

Des balises de mise en page HTML Screen15

Code:
<font size="5">Texte écrit en 24px</font>
Idea Ici, le nombre doit être compris entre 1 et 7. Par défaut,le navigateur le met à 3 ce qui représente une taille de 16px. Pour infos :
Spoiler:

   • 1 = 10px ;
   • 2 = 13px ;
   • 3 = 16px ;
   • 4 = 18px ;
   • 5 = 24px ;
   • 6 = 32px ;
   • 7 = 48px.

On peut combiner ses 2 derniers points de cette façon :

Des balises de mise en page HTML Screen14

Code:
<font color="#e26e26" size="5">Texte écrit en 24px et en #e26e26</font>

Annotation du texte

• Pour mettre un texte en exposant : sup

Exemple :

Des balises de mise en page HTML Exposant_zps8de0634b

Code:
N<sup>exposant</sup>

• Pour mettre un texte en indice : sub

Exemple :

Des balises de mise en page HTML Indice_zps823eb001

Code:
N<sub>indice</sub>

Barrer

• Pour barrer un texte, on utilisera les balises s ou del

Exemple :

Des balises de mise en page HTML Barre_zps1e7cc613

Code:
<s>Texte barré avec s</s>

<del>Texte barré avec del</del>

Idea Visuellement, aucune différence. Cependant, comme pour le em/i et strong/b, la différence est sémantique.
> avec le "s", je fais juste le rendu d'un texte barré. ça ne signifie pas grand chose.
> avec le "del", je signale au navigateur que je supprime ce morceau de texte. Il n'existe plus... (ok on le voit, mais il n'est plus utile).

Par exemple, supposons que l'on ait un calendrier avec des dates & des missions. Quand la date & la mission ont été faites, on barre cette info du calendrier. Ici, c'est fait, ça peut être supprimé => on utilisera "del".

Un coup de fluo

• Pour surligner/mettre en évidence un texte : mark

Exemple :

Des balises de mise en page HTML Mark_zps233c68f8

Code:
Je vais surligner <mark>ce mot</mark>.




Tu connais à présent les balises de mise en page qui te seront le plus utile en html Smile

Si tu as des questions, n'hésite surtout pas à nous les poser Wink

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Le forum a ouvert ses portes le 30 mars 2019.

A l'époque, seules Miettes et Mäven y étaient présentes. A présent, il y a @membres_enregistres@ Tambouilleurs sur le forum. La dernière personne à nous avoir rejoint est @dernier_membre@.

D'ailleurs, les Tambouilleurs sont plutôt bavards. Eh oui, ils ont déjà posté @messages@ messages dont tutoriels et bidules en Libre-service.

Actuellement, il y a @enregistres@ membres connectés,
et @invites@ visiteurs sur La Tambouille

@@membres_connectes?Qui est là ?
@membres_connectes$, @.$Personne n'est en ligne.@@

@@derniers_membres_connectes?Tambouilleurs connectés au cours des 24 dernières heures : @derniers_membres_connectes$, @$Personne n'était là ces dernières heures.@@

Post-It des Râleuses