Technologies Web - HTML-pages-3-pages-2 PDF

Ch. I. Hyper Texte Markup Langage Les Entêtes avec x :1→ 6 : Ces entêtes servent à diviser le texte en section de la même manière qu’un livre. Il existe six niveaux de titre et Un nouveau niveau provoque un passage à la ligne, les éléments de titre étant des éléments de bloc. Le niv...

Ch. I. Hyper Texte Markup Langage Les Entêtes avec x :1→ 6 : Ces entêtes servent à diviser le texte en section de la même manière qu’un livre. Il existe six niveaux de titre et Un nouveau niveau provoque un passage à la ligne, les éléments de titre étant des éléments de bloc. Le niveau le plus élevé est le 1, le plus petit est le 6. Exemple : TITRE PRINCIPALE. 35 Ch. I. Hyper Texte Markup Langage Les Entêtes exemple : essai n°3 TITRE PRICIPALE TITRE SECONDAIRE paragraphe principale paragraphe secondaire titre paragraphe 1 secondire texte1, texte1, texte1, texte1, texte1 titre paragraphe 2 secondire texte2, texte2, texte2, texte2, texte2 36 Ch. I. Hyper Texte Markup Langage Séparateurs : Contrairement à tous les autres systèmes de traitement de texte, le retour de chariot n’a aucune valeur en HTML. C’est le navigateur Web lui-même qui définira le passage à la ligne en fonction de facteurs comme la taille des polices de caractères, la largeur de la fenêtre de visualisation etc. De même, plusieurs espaces dans un document HTML seront ramenés à un seul. Cette commande (fin de paragraphe) termine un paragraphe et insère une ligne vide après le paragraphe 37 Ch. I. Hyper Texte Markup Langage Séparateurs : Exemple : trace une ligne sur 75% de la largeur de la fenêtre. trace une ligne d’épaisseur 5 pixels. trace une ligne sur 75% de la largeur de la fenêtre avec un alignement à gauche. NOSHADE Lorsqu’il est présent dans le marqueur : l’effet est une ligne pleine sans ombrage. 38 Ch. I. Hyper Texte Markup Langage Séparateurs : pour tracer une ligne horizontale de séparation : WIDTH fait varier la largeur de la ligne en % (valeur par défaut 100%) SIZE fait varier l’épaisseur de la ligne en pixel (valeur par défaut 1) ALIGN fait un alignement de la ligne suivant les 3 possibilités : CENTER par rapport au centre de la fenêtre, LEFT par rapport à la gauche de la fenêtre, RIGHT par rapport à la droit de la fenêtre. Le paramètre ALIGN a un effet que lorsque la longueur de la ligne est inférieure à 100%. 39 Ch. I. Hyper Texte Markup Langage Séparateurs exemple 1: essai n°4 HR : HR WIDTH="75%" : HR WIDTH="25%" : HR WIDTH="50%" & SIZE="5" : HR WIDTH="50%" & SIZE="20" : HR WIDTH="50%" & SIZE="5" ALIGN=LEFT : HR WIDTH="50%" & SIZE="5" ALIGN=LEFT NOSHADE : 40 Ch. I. Hyper Texte Markup Langage Séparateurs exemple 1: 41 Ch. I. Hyper Texte Markup Langage Séparateurs exemple 2: Séparateurs exemple 2 Plaçons quelques séparateurs Séparateur par défaut (largeur 100% et centré) Largeur du séparateur : 300 pixels Largeur du séparateur : 50% de la largeur de l'écran Taille du séparateur : 10 pixels Couleur du séparateur : rouge et la largeur est de 30% Séparateur aligné à droite d'une largeur de 30 pixels Séparateur aligné à gauche d'une largeur de 50 pixels en bleu 42 Ch. I. Hyper Texte Markup Langage Séparateurs exemple 2: 43