Actualité Apprendre le XHTML
Le corps du document - Lu 182 foisLe corps du document correspond à tout ce qui est inclus entre les balises <body> et </body>. Il s’agit de la seule partie interprétée par le navigateur qui sera visible pour l’internaute. Les titres Comme pour les logiciels de traitement de texte, vous pouvez automatiquement mettre en place différents styles de titres, qui allégeront ainsi le code source de votre page (plutôt que de configurer à chaque fois pour un texte son style) grâce à la balise <hX>. La balise <hX> (où X est un chiffre correspondant au niveau de titre que vous souhaitez donner) permet donc d’octroyer un style de titre automatiquement à votre texte. Par exemple, pour un titre de première importance vous utiliserez la balise <h1>, pour un autre un peu moins important <h2> et ainsi de suite jusqu’à 6 niveaux maximum (<h6> donc). N’oubliez pas de refermer la balise une fois votre titre saisi (exemple : <h6>Titre de niveau 6</h6>). Vous pouvez aussi configurer l’apparence et le style de ces différents niveaux de titre grâce aux feuilles de style (CSS). Attention ! Vous ne devez pas mettre de balise de titre à l’intérieur d’un paragraphe. Sauter une ligne Pour sauter une ligne, eh oui il faut un code. Bon ce code est très simple, il s’agit de la balise unique <br />. Pour sauter deux lignes, copiez la 2 fois et ainsi de suite. Cette balise doit impérativement être utilisée entre les balises paragraphe, et pas en dehors de celles-ci. Même si cette balise fonctionne en dehors des balises paragraphe, la norme xhtml veut que vous ne les utilisiez qu’au sein des balises paragraphe. Les paragraphes Pour des textes qui soient mis en page proprement, il existe la balise paragraphe symbolisée par <p></p>. Incluez alors votre texte entre ces balises pour former un paragraphe. Vous pouvez utiliser cette balise autant de fois que vous le voulez pour créer plusieurs paragraphes, même l’un à la suite de l’autre. Mise en valeur du texte Pour rendre votre texte plus attrayant, vous pouvez mettre en valeur des mots ou groupes de mots. Il existe deux balises pour ce faire : - La balise <em> qui met le texte en italique. Notez que cette balise est configurable à partir d’un fichier css, donc si vous souhaitez que <em> mette votre texte en gras au lieu de l’italique, cela est tout à fait possible. - La balise <strong> qui grossit un peu le texte et le met en gras A vous de choisir quelle balise mettre pour quel(s) mot(s). Mais n’en abusez pas. Votre mise en page doit être propre et sobre. Faites comme si votre site web était un rapport que vous deviez remettre à votre professeur ou employeur ! D’autres balises Il existe bien d’autres balises pour créer une page web. Elles vous seront plus ou moins fréquemment utiles : tout dépend du site web que vous créez et des éléments que vous y faites figurer. - Les citations Pour les citations courtes, 1 à 2 phrases, utilisez la balise <q>. Cette balise s’insère impérativement dans un texte situé entre les balises <p>. Pour les citations moyennement longues 3 à 6 phrases environ, utilisez la balise <cite>. Pour les citations longues, utilisez la balise <blockquote>. Cette balise doit se situer en dehors des balises <p>. Toutefois, une fois votre balise <blockquote> ouverte, vous devez ouvrir un nouveau paragraphe avec la balise <p>. N’oubliez pas, comme toujours, de refermer ces balises (</p></blockquote>). - Insérer du code Pour insérer des portions de code (php, xhtml, css, …) et afin que celui-ci ne soit pas interprété par le navigateur, c’est-à-dire pour que votre code s’affiche tel quel à l’écran, il vous faut utiliser la balise <code>. - Mettre en indices ou exposants Pour mettre du texte en exposant (légèrement au-dessus de la ligne normale), on utilise la balise <sup>. Cette balise s’utilise uniquement à l’intérieur d’un paragraphe. Pour mettre du texte en indice (légèrement au-dessous de la ligne normale), on utilise la balise <sub>. Cette balise s’utilise elle aussi uniquement à l’intérieur d’un paragraphe. - Les acronymes Un acronyme, vous savez, ce sont ces initiales comme XHTML, CSS, LASER, … L’avantage avec la balise que l’on va vous présenter est que l’on pourra décrire ce que signifie cette acronyme. Cette balise est la balise <acronym> à laquelle on ajoute l’attribut title qui développera l’acronyme donc. Exemple : <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> Ainsi, au passage de la souris sur XHTML, le texte « eXtensible HyperText Markup Language » s’affichera. Le corps du document Buzz de Junior Autres Buzz Actualités Apprendre le XHTMLLexique CSSLe 18/04/2008 - Vue 806 fois Les listes Le 18/04/2008 - Vue 141 fois Les balises block et inline Le 18/04/2008 - Vue 147 fois Qu'est ce qu'un Site Web Le 18/04/2008 - Vue 143 fois Les navigateurs Le 18/04/2008 - Vue 140 fois |
Apprendre le XHTML à lire !
• Les tableaux • Insérer des images • Faire des liens entre les pages • Les formulaires • Lexique CSS • 4 parties principales et essentielles ! • Enregistrer vos pages web et faites-les • Qu'est ce qu'un Site Web • Les balises block et inline • Les listes • Les Commentaires • Définition XHTML • Le corps du document • Les balises et attributs • Des logiciels ? |