Bases de balisage HTML (essentiel) du texte

Le but de ce guide est d'illustrer au lecteur la syntaxe du langage de balisage HTML serait souhaitable pour le web-bon écrivain, vous connaissez les règles de base: le texte sur le Web, en fait, se transforme en hypertexte que grâce à des pouvoirs magiques de la marque HTML-up est, nous devons nous rappeler, la structure de base de chaque page Web.

Dans la leçon précédente, nous avons parlé d'alignement, de sélection de polices, etc. Voyons maintenant, d'une manière très pratique, comment faire un vitales d'un format de texte pour sa publication en ligne.

Nous ne parlerons pas ici l'analyse de la structure d'une page web (pour ceux qui s'intéressent à suggersico lire ici ) et aller droit au formatage de notre texte.

Titres

Le titre d'un site web est contenu, et les balises d'en-tête dans les <title> et </ title>, dans les balises d'en-tête (H1, H2, H3, ..., h6).
Le titre lui-même, normalement, est marquée par <h1> et </ h1>. Exemple:

 



 <h1> C'est le titre </ h1>

 

Le sous-titre est contenue dans <h2> et </ h2>. Exemple:

 



 <h2> C'est le sous-titre </ h2>

 

Toute les autres titres (hiérarchiquement en dessous d'eux) seront définies de la même manière en utilisant H3, H4, H5 et H6 (plus le nombre qui suit le «h» diminue l'importance du titre).

Paragraphes

Normalement, le texte dans une page HTML est contenu entre les balises et </ p>, qui sont respectivement ouvrir et fermer un paragraphe de texte. Exemple:

 



 <p>







 Mon texte ici ... ...







 </ P>

 

Gérer l'alignement

Pour rendre l'alignement horizontal du texte dans un paragraphe que vous devez utiliser des feuilles de style (CSS) à travers la propriété text-align.
La propriété en question accepte quatre valeurs:

• à gauche (aligné à gauche; par défaut)
• droite (aligné à droite)
• centre (alignement au centre)
• justifier (aligner justifié)

Voici un exemple:

 



 <p style="text-align:center">







 ... Exemple de texte centré ...







 </ P>

 

Gras, italique et souligné

Ces trois aspects du texte gère, respecté par les balises <b> (gras), <i> (en italique) et <u> (souligné). Exemple:

 <b> Teso gras </ b>







 <i> Teso italique </ i>







 <u> Teso souligné </ u>

A noter que la balise a un équivalent dans les balises <strong> gras:

 



 <strong> Teso gras </ strong>

 

et des étiquettes en italique dans <em>:

 



 <em> Teso en italique </ em>

 

Ajouter un lien Internet

Un lien hypertexte (ou, plus couramment, des liens) peuvent être insérés à travers le <a> et son attribut href. Vedaimo un exemple:

 



 <a href="http://www.sito.com/mario.html"> Mario Aller à la page </ a>

 

Comme vous pouvez le voir dans l'attribut href est spécifié dans l'adresse web de la page de destination qui s'ouvre lorsque vous cliquez sur le texte lié.
Évidemment nlla interdit à la fois être lié à une image plutôt que du texte (comme dans notre exemple).

Insérer une image

Pour insérer une image est, bien sûr, faut que ce soit disponible en ligne qui maintient sa propre URL.
Pour insérer une image est utilisée pour <img> ceci:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

Comme vous pouvez voir l'attribut src contient une référence à l'emplacement de notre image.

Evidemment l'information donnée dans cette leçon sont très simples partielles et représentent le strict minimum. Et «que par une connaissance approfondie de HTML et CSS que nous serons en mesure de formater notre contenu dans un véritable exacts et complets.

• <<Leçon précédente
• Index de l'aide
• Leçon suivante>>