Scribd Logo
Upload

Welcome to Scribd!

  • Les Styles Physiques

    Uploaded by

    Ouled Ouledelhaj
    5 views2 pages
    document Word les styles physiques

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    document Word les styles physiques

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views2 pages

    Les Styles Physiques

    Uploaded by

    Ouled Ouledelhaj
    document Word les styles physiques

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Les styles physiques

    Pour les éléments en ligne utilisables pour contenir du texte, certains permettent de créer des styles
    physiques pour leur contenu. Une partie d'entre eux correspondent permettent aux modifications
    courantes que chacun peut effectuer dans son traitement de texte ,comme mettre un texte en gras,
    en italique, Ce type de marquage est éléments agissent de manière relative sur leur contenu en
    permettant d'afficher dans police plus grande ou plus petite que la police utilisée dans le texte qui
    précède une préjuger de cette taille. À chacun de ces éléments correspond un style par défaut qui
    peut donner satisfaction ; dans le cas contraire, ce style pourra être personnalisé à loisir avec CSS

    Mettre un texte en gras

    Pour mettre en gras une partie de texte comprise dans un élément de la catégorie Phrasing, il faut
    l'inclure dans l'élément <b> (donc entre <b> et </b>). Il peut aussi contenir tous les éléments
    Phrasing et possède tous les attributs communs. Nous pouvons également utiliser l'élément <strong>
    pour obtenir le même effet. Il n'est pas possible d'imbriquer ces éléments les uns dans les autres
    pour forcer le caractère gras d'un texte.

    Nous écrirons par exemple le code suivant (voir l'exemple 3-12, repère ©, et la figure 3-13) :

    <p> Le contenu suivant est <b> important </b>. La suite l’est moins. Mais ceci est
    <strong>également remarquable. </strong> </p>

    Il sera toujours possible de redéfinir l'affichage obtenu pour ces éléments et de différencier <b> et
    <strong> au moyen de styles CSS particuliers.

    Mettre un texte en italique

    Comme pour les éléments précédents, il existe deux éléments qui affichent par défaut leur conteneur
    en italique. Il s'agit des éléments <i > et <em>. L'élément <i> a clairement pour destination une mise
    en italique et <em> plutôt une mise en évidence d'un passage. Nous pourrons également redéfinir le
    résultat obtenu en créant des styles personnalisés. Nous écrirons, par exemple, le code suivant :

    <p>Eléments i et em : Celui-ci est en <i>caractères italiques </i> et le suivant en <I><b> caractères


    italiques gras</b></i>

    Celui est en <em>caractères italiques </em> et le suivant en<em><b> caractères italiques


    gras</b></em></p>

    Nous y remarquons qu'il est possible d'imbriquer des éléments <b> dans les éléments <i> et <em>
    pour que le texte apparaisse à la fois en italique et en caractères gras

    Modifier la taille du texte

    À l'intérieur d'une division de la page, nous pouvons modifier la taille relative du texte en utilisant
    l'élément <small>. Il permet d'afficher son contenu avec une taille de police plus petite que celle du
    contexte quel que soit celui-ci. En imbriquant les éléments <small> les uns dans les autres, on peut
    obtenir des tailles de polices de plus en plus petites. Le nombre d'imbrications possibles dépend de la
    taille de la police du conteneur. Le code suivant : <p>Ce texte-ci est <small>petit, <small>encore plus
    petit. <small>et plus petit e encore, <small>toujours plus petit
    </sma11></sma11></small></small></p> permettra d'obtenir des mots de plus en plus petits en
    imbriquant les éléments <small> sur quatre niveaux (voir l'exemple 3-12, repè
    re 03, et la figure 3-13). Dans cet exemple, la taille de la police de l'élément <body> a été définie à 24
    pixels à l'aide d'un style (repère 0) pour que l'effet des imbrications soit visible sur un plus grand
    nombre de niveaux qu'avec la taille par défaut.

    Créer des exposants et des indices

    Les traitements de texte offrent aussi la possibilité de mettre des caractères en exposant ou en indice.
    Cette opération est également possible en HTML. Pour mettre un texte en exposant, il faut l'inclure
    dans l'élément <sup> (entre <sup> et </sup>), et pour écrire un texte en indice, il faut l'inclure dans
    l'élément <sub> (entre <sub> et </sub>). Nous pouvons écrire par exemple le code suivant dans
    l'exemple 3-12 (repère O. Le résultat est visible sur la figure 3-13. <p>Le n<sup>ième</sup> terme de
    la suite numérique est noté u<sub>n</sub>. La I. fonction cube est notée : x<sup>3</sup></p>

    Midler du texte dans une police à espacement Nous avons déjà utilisé l'élément <code> pour afficher
    du ment <tt> (comme télétype) permet d'obtenir par défaut courts en ligne. Il peut contenir
    éventuellement tous les Nous pouvons, par exemple, écrire le code suivant : <p> La fonction
    JavaScript <tt> alert() </tt> permet d'afficher une boîte d'alerte. I Se On peut écrire, par exemple: <tt>
    alert(" Vérifier votre code ") </tt> pour e prévenir le visiteur.</tt> </p> pour mettre en évidence dans
    un paragraphe du code JavaScript (voir l'exemple 3-12 repère Q, et la figure 3-13).

    fixe texte dans un style listing. Uélé-le même résultat pour des textes attributs communs.

    You might also like