IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2.

Présentation au sujet: "IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2."— Transcription de la présentation:

1 IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2 … Titre N°6./titre.html./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 : Titre

2 IUT SRC Année 2004/2005Antonio Capobianco 2 Définition Les paragraphes servent à créer l'organisation visuelle du texte Pour les créer, on utilise la commande paragraph : Syntaxe : On insère ici le paragraphe HTML>Formater du texte>Les paragraphes 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 : On insère ici le paragraphe

3 IUT SRC Année 2004/2005Antonio Capobianco 3 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 : ou ou Empêcher le passage à la ligne On peut interdire le passage à la ligne avec la commande no break : On insère ici le texte qui ne doit pas être 'cassé' 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 : ou   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 : HTML>Formater du texte>Contrôle du passage à la ligne

4 IUT SRC Année 2004/2005Antonio 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 La liste énumérative est introduite entre ces deux repères La commande list item permet de déclarer un nouvel élément de liste Chaque nouvel entrée est introduite entre ces repères Créer une liste numérotée La commande ordered list introduit la liste numérotée La liste numérotée est introduite entre ces deux repères La commande list item permet de déclarer un nouvel élément de liste Chaque nouvel entrée est introduite entre ces repères./listes.html

5 IUT SRC Année 2004/2005Antonio 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 La liste de définitions est introduite entre ces deux repères La commande definition term permet de déclarer un nouvel élément à définir Element à définir La commande definition definition permet d'entrer la définition Définition

6 IUT SRC Année 2004/2005Antonio Capobianco 6 HTML>Formater du texte>Les listes Propriété des listes Pour les listes énumératives, on peut déterminer le type de puce : puces rondes puces carrées puces circulaires pleines Pour les listes numérotées, on peut déterminer le type de numérotation : numérotations chiffres romains numérotations chiffres romains minuscules numérotation alphabétique numérotation alphabétique minuscules Fixe la valeur de départ de la numérotation d'une liste Fixe une nouvelle valeur de numérotation à partir de l'élément concerné HTML>Formater du texte>Les listes

7 IUT SRC Année 2004/2005Antonio Capobianco 7 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 Citation 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 : Texte pré formaté Les commandes placées entre les balises sont interprétées HTML>Formater du texte>Autres éléments de texte !

8 IUT SRC Année 2004/2005Antonio Capobianco 8 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é.... caractères gras... en italique... qualité courrier (tt = Teletyper = Télex)... souligné... barré... plus grand que la police normale... plus petit que la police normale... exposant... indice HTML>Formater du texte>Marquage du texte

9 IUT SRC Année 2004/2005Antonio Capobianco 9 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... avec intonation emphatique.... avec une forte intonation.... ceci est du code source... ceci est un exemple... ceci est une entrée clavier... ceci est une variable... ceci est une citation d'une autre source... ceci est une définition... ceci est une abréviation... ceci est écrit en abrégé HTML>Formater du texte>Marquage du texte

10 IUT SRC Année 2004/2005Antonio Capobianco 10 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 : ou 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 HTML>Formater du texte>Lignes de séparation

11 IUT SRC Année 2004/2005Antonio Capobianco 11 Modifier les polices de caractères Syntaxe : … 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 HTML>Formater du texte>Les fontes

12 IUT SRC Année 2004/2005Antonio 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