Vos textes gagneront naturellement en lisibilité si vous faites un effort de mise en page. Voici les principales balises qui vous aideront à mettre en forme votre texte :
- aller à la ligne : <br> (break)
- créer un paragraphe : <p> et </p>
- créer un filet/une ligne horizontale: <hr>
- niveaux de titre de 1 (le plus grand) à 6 (le plus petit) :
<h1> et </h1>, <h2> et </h2>…
- liste non ordonnée (c'est à dire des puces au début de chaque ligne) : <ul> et </ul> (unordered list) avec à l'intérieur de ces balises les <li> et </li> pour chaque élément de la liste.
- liste ordonnée (1, 2, 3...) : <ol> et </ol> (ordered list) avec à l'intérieur de ces balises les <li> et </li> pour chaque élément de la liste.
Exemple:
Ceci est un titre entre balises <h1> et </h1>
Caractéristiques du site- Attrayant
- Sympathique
- Complet
<html>
<body>
<h1>assistancePC </h1>
<br>caractéristiques du site <br><br>
<ul>
<li>attrayant </li>
<li>sympathique </li>
<li>complet </li>
</ul>
</body>
</html>
Les attributs (paramètres) qui viennent préciser la balise <BODY> (concerne l'ensemble de la page) :
- couleur de fond de la page : BGCOLOR (BackGround)
- couleur du texte : TEXT
- couleur des liens non visités : LINK (lien)
- couleur des liens activés : ALINK
- couleur des liens visités : VLINK
L'attribut (paramètre) qui détermine le positionnement des paragraphes dans la page (calé à gauche ou à droite, centré) :
- alignement : ALIGN + choix entre LEFT (gauche), CENTER (centre) et RIGHT (droit).
Les attributs (paramètres) qui viennent préciser les paramètres du texte utilisent la balise <FONT> :
- couleur : COLOR
- taille : SIZE
- police (type de caractère) : FACE
Exemple :
(pour les libellés des couleurs et savoir insérer des liens, voir les chapitres suivants)
<html>
<body bgcolor="00FF00" text="#CC0000" alink="#ffffff" vlink="#ffff00">
<font color="#ffffff” size=”3” face=”arial”>
<ul>
<li>le html, qu'est-ce que c'est ? </li>
<li>apprendre le html à quoi ça sert ? </li>
<li>le principe des balises </li>
</ul>
vous êtes sur le site de <a href="http://assistancePC.be/" target="blank">assistancePC.be </a>
<br><br>
Pour envoyer vos remarques,
<a href="mailto:assistancePC@live.be">cliquez ici </a>
</font>
</body>
</html>
مرحباً، أسمي محمد وأنا هنا لأقدم لكم أحدث الطرق والنصائح في عالم الأنترنت والتكنلوجيا التي تثري حياتكم
Aucun commentaire:
Enregistrer un commentaire