HTML>Formater du texte>Les titres

1. HTML>Formater du texte>Les titres Définir les titres • HTML distingue 6 niveaux de titre :<h1> Titre N°1 </h1> • <h2> Titre N°2 </h2> • … • <h6> Titre N°6 </h6> ./titre.html • - La correspondance des numéros de balise d'ouverture et de fermeture doit être respectée • - Chaque titre constitue un paragraphe propre : inutile de signaler un changement de paragraphe en début ou en fin de titre • - Dans les titres, les règles pour les caractères spéciaux doivent être respectées Aligner les titres • Par défaut, les titres sont alignés à gauche • Pour spécifier d'autres alignements, on utilise la commande align • Elle peut prendre pour arguments : left, right, center, justify • Syntaxe :<h1 align="center"> Titre </h1> Antonio Capobianco

2. HTML>Formater du texte>Les paragraphes Définition Les paragraphes servent à créer l'organisation visuelle du texte Pour les créer, on utilise la commande paragraph : Syntaxe :<p> On insère ici le paragraphe </p> Aligner les paragraphes • Par défaut, les paragraphes sont alignés à gauche • Pour spécifier d'autres alignements, on utilise la commande align • Elle peut prendre pour arguments : left, right, center, justify • Syntaxe :<p align="center">On insère ici le paragraphe </p> Antonio Capobianco

3. HTML>Formater du texte>Contrôle du passage à la ligne Forcer le passage à la ligne La mise en page d'un document est effectuée automatiquement par le navigateur On peut cependant forcer un passage à la ligne avec la commande break : <br> ou <br></br> ou <br /> Empêcher le passage à la ligne On peut interdire le passage à la ligne avec la commande no break : <nobr> On insère ici le texte qui ne doit pas être 'cassé' </nobr> Espaces protégés On peut empêcher qu'un passage à la ligne automatique pour un espace donné en utilisant l'espace insécable non breaking space : &nbsp; ou &#160; Signaler les lieux de passage à la ligne On peut signaler explicitement aux navigateurs un endroit où un retour à la ligne est autorisé avec la commande word break : <wbr> Antonio Capobianco

4. HTML>Formater du texte>Les listes Créer une liste énumérative Dans une liste énumérative, chaque item est introduit par une puce La commande unordered list introduit la liste énumérative <ul> La liste énumérative est introduite entre ces deux repères </ul> La commande list item permet de déclarer un nouvel élément de liste <li> Chaque nouvel entrée est introduite entre ces repères </li> Créer une liste numérotée La commande ordered list introduit la liste numérotée <ol> La liste numérotée est introduite entre ces deux repères </ol> La commande list item permet de déclarer un nouvel élément de liste <li> Chaque nouvel entrée est introduite entre ces repères </li> ./listes.html Antonio Capobianco

5. HTML>Formater du texte>Les listes Créer une liste de définitions Il existe un format de liste pré-formaté pour les définitions La commande definition list introduit la liste de définitions <dl> La liste de définitions est introduite entre ces deux repères </dl> La commande definition term permet de déclarer un nouvel élément à définir <dt> Element à définir </dt> La commande definition definition permet d'entrer la définition <dd> Définition </dd> Antonio Capobianco

6. HTML>Formater du texte>Les listes HTML>Formater du texte>Les listes Propriété des listes Pour les listes énumératives, on peut déterminer le type de puce : <ul type="circle"> puces rondes <ul type="square"> puces carrées <ul type="disc"> puces circulaires pleines Pour les listes numérotées, on peut déterminer le type de numérotation : <ol type="I"> numérotations chiffres romains <ol type="i"> numérotations chiffres romains minuscules <ol type="A"> numérotation alphabétique <ol type="a"> numérotation alphabétique minuscules <ol start="[int]"> Fixe la valeur de départ de la numérotation d'une liste <li value="[int]"> Fixe une nouvelle valeur de numérotation à partir de l'élément concerné Antonio Capobianco

7. HTML>Formater du texte>Autres éléments de texte Définir des citations Vous pouvez mettre en valeur des citations en les déclarant explicitement comme telles L'affichage de ces élément sera alors géré par le navigateur <blockquote> Citation </blockquote> Texte pré-formaté Il est possible de forcer un navigateur à afficher du texte tel qu'il est saisi dans le fichier html On utilise pour cela la commande preformatted : <pre> Texte pré formaté </pre> Les commandes placées entre les balises sont interprétées ! Antonio Capobianco

8. HTML>Formater du texte>Marquage du texte Marquage physique du texte Les commandes physiques signifient par exemple en gras en italique ou souligné, elles représentent donc des mentions directes pour le formatage d'écriture désiré. <b>...</b> caractères gras <i>...</i> en italique <tt>...</tt> qualité courrier (tt = Teletyper = Télex) <u>...</u> souligné <strike>...</strike> barré <s>...</s> barré <big>...</big> plus grand que la police normale <small>...</small> plus petit que la police normale ^... exposant _... indice Antonio Capobianco

9. HTML>Formater du texte>Marquage du texte Marquage logique du texte Les commandes logiques ont des significations qualitatives. Dans les commandes logiques le navigateur Web décide de la mise en valeur de l'élément <em>...</em> avec intonation emphatique. <strong>...</strong> avec une forte intonation. <code>...</code> ceci est du code source <samp>...</samp> ceci est un exemple <kbd>...</kbd> ceci est une entrée clavier <var>...</var> ceci est une variable <cite>...</cite> ceci est une citation d'une autre source <dfn>...</dfn> ceci est une définition <acronym>...</acronym> ceci est une abréviation <abbr>...</abbr> ceci est écrit en abrégé Antonio Capobianco

10. HTML>Formater du texte>Lignes de séparation Création d'une ligne de séparation Elles servent à séparer visuellement des parties parties distinctes On utilise pour cela la commande horizontal rule : <hr> ou <hr /> Attributs noshade="noshade" sans ombrage width=" " vous pouvez mentionner un nombre entier (pixels) ou un pourcentage de la largeur de la page size="[int]" épaisseur de la ligne la valeur par défaut est de 2 points align= left, right, center Antonio Capobianco

11. HTML>Formater du texte>Les fontes Modifier les polices de caractères Syntaxe : <font> … </font> Attributs size="[int] " taille de la fonte la notation peut être relative (+entier ou -entier) ou absolue (donner une valeur comprise entre 7, la plus grande, et 1, la plus petite) color=" " fixe la couleur de la police fontface="" détermine la police vous pouvez ici indiquer plusieurs fontes consécutives, pour proposer des fontes de remplacement au cas ou... Modifier la police pour tout une partie de la page On utilise le repère autonome basefont qui s'applique tant qu'un nouvel élément basefont n'est pas défini Antonio Capobianco

12. HTML>Formater du texte>Les fontes Elements de blocs Ces éléments s’affichent les uns sous les autres Exemples : DIV, P, H1...H6, UL, OL, TABLE, PRE, etc. Elements « en-ligne » Ces éléments s’affichent les uns à la suite des autres Exemples : SPAN, EM, STRONG, IMG, BR, INPUT Antonio Capobianco