Cela peut paraître un peu bizarre, pourquoi parler des lignes? En fait, une ligne est plus que ceci: ________
Une ligne peut correspondre, oui à un trait ou un contour, mais aussi à une série continue de chose comme la précédente phrase. Nous ne pouvons pas tous les nommer, mais il y en a beaucoup à dire sur les lignes.
Le trait séparateur: Cela est parfois utile de séparer le contenu d'un fichier HTML. Nous pouvons à ce moment-là, utiliser la balise <hr> qui produira un trait simple de la dimension, de la couleur et de l'emplacement désiré. Nous allons utiliser différents attributs à ajouter dans la balise.
- width="..." Identifiant la longueur du trait. (S'exprime en pixel ou en % si nous ajoutons le symbole.)
- size="..." Démontrant la hauteur de la barre. (S'exprime uniquement en pixel)
- align=... Indiquant la position de la droite sur la page. (Les choix sont: left, center, right.)
- color ="#..."Définissant la couleur de la rayure. (Les «...» doivent être remplacés par le code couleur voulu.)
Par exemple: <hr width="394" size="6" align=center color="#d44df5">
Qui donnerait:
Lignes de titres: L'utilisation de lignes exclusives au titre est très utile, et justement il existe les balises <h1> et </h1>, <h2> et </h2>, <h3> et </h3>, <h4> et </h4>, <h5> et </h5>, <h6> et </h6> pouvant indiquer des titres. Chaque nombre suivit du «h» précise une grandeur différente de titre. Le «h1» est le plus grand, tandis que «h6» est plus petit.
Par exemple: <h1>Grand Titre</h1><br><h6>Petit Titre</h6>
Qui donnerait:
Grand Titre
Petit Titre
Retour à la ligne: Vous avez sûrement déjà remarqué, voire compris la balise <br> permettant un retour à ligne d'un texte. Il est souvent pris en charge lorsqu'un veut soit changer de paragraphe, ou bien pour créer une liste sans puce.Par exemple: Liste:<br>terme 1;<br>terme 2;<br>terme 3.
Qui donnerait:
Liste:
terme 1;
terme 2;
terme 3.
Centrer une ou plusieurs lignes: Vous pouvez centrer tous ce que vous voulez sur une page sans avoir à mettre l'attribut «align=center» dans chaque balise. Grâce à <center> et </center>, tous ce qui se retrouve entre ces balises seront centrer automatiquement sur la page.
Par exemple: <center>Voici du texte centrer avec une image. <img src="http://www.imagerun.info/img142/waj61difb6gx81kl.jpg" height=50></center>
Qui donnerait:
