Un site était, au départ, un moyen de communication qui permettait de diffuser du texte par l'internet. Notre curiosité et nos expérimentations techniques étant infinies, les sites proposent aujourd'hui des contenus multimédia de plus en plus complexes ; un site peut aussi être le résultat d'une réflexion artistique pleine et entière, se suffisant à elle-même et n'ayant nul besoin d'aucun autre support pour exister.
Ce constat établit, il n'en reste pas moins vrai qu'écrire un contenu (ne serait-ce que uniquement textuel) pour une page Web est un acte qui présuppose l'acquisition d'un langage particulier, l'HTML.
Il est toujours possible de passer outre la connaissance de ce langage par l'utilisation de logiciels dits wysiwyg mais, à voir les résultats maladroits et foisonnants de tentatives inexpertes qui hantent l'internet, il reste également possible d'affirmer que l'apprentissage progressif du langage HTML (un langage dit "à balises" est loin d'être une perte de temps.
Par quoi commencer ? La question peut trouver réponse en vos préoccupations du moment : images, vidéos, fichiers sons ont un grand succès, certes... mais tous demandent une connaissance singulièrement avancée, et du système, et de l'HTML; la mise en page HTML d'un simple texte est donc la garantie d'une simplicité d'approche assurée et de résultats rapidement acquis et encourageants.
La première chose à faire est donc de préciser au système que le document qu'il doit lire est en langage HTML. Ceci est très simple... il suffit de lui dire :
<html></html> (le slash indique que vous fermez votre balise.)
Puis, il faut matérialiser votre espace en lui donnant corps (body)
<html>
<body>
</body>
</html>
Ces préliminaires de base achevés, vous voici prêts pour commencer à écrire le titre (balises h1, h2, etc...) de votre page, de votre rubrique etc... .
<html>
<body>
<h1>TITRE</h1>
</body>
</html>
et votre premier paragraphe... ici, intervient la première subtilité : un paragraphe terminé, le code inscrira automatiquement, par défaut, un saut de ligne alors que si vous vous contentez d'une simple balise br, vous passerez simplement à la ligne.
<html>
<body>
<h1>TITRE</h1>
<p>un petit paragraphe pour commencer</p>
</body>
</html>
<html>
<body>
<h1>TITRE</h1>
<p>un autre petit paragraphe contenant un passage à la ligne<br />
pour introduire une rime de mirliton pas si indigne<br />
que cela ! Bon... maintenant, nous allons passer la vitesse au-dessus...</p>
</body>
</html>
Le vocable anglais "font" est dérivée du terme technique "fonte" utilisé en France par les imprimeurs. Les deux vocables proviennent du latin "fondere" (fondre).
Les fontes étaient donc des caractères composés à partir d'un alliage à base de plomb. Chaque lettre devait être déclinée en diverses fontes de caractères (italic, gras, normal, par exemple).
Les caractères ainsi composés étaient rassemblés dans un boîtier nommé "casse".
L'association font/polices utilisée par le discours technique informatique est, de ce fait, abusif, car une police (de caractères) est le résultat de la création d'une séries de caractères se référant, chacun, à un certain style.
Ce style correspond au nom donné à chaque police (Arial,par exemple).
L'attribut "font-style" associé à la propriété "italic" désigne donc une fonte particulière (italique), la police, par exemple, ayant pour nom, Arial.
Ce code rétablit le texte en "normal" s'il est programmé en italique, par exemple, par le style général de la page ou de la feuille de style :
<span style="font-style: normal;">Ce code rétablit le texte en "normal" s'il est programmé en italique, par exemple, par le style général de la page ou de la feuille de style</span>
Ce code rétablit le texte en "italique" s'il est programmé en normal par le style général de la page ou de la feuille de style :
<span style="font-style: italic;">Ce code rétablit le texte en "italique" s'il est programmé en normal par le style général de la page ou de la feuille de style</span>
Ce code souligne le texte :
<span style="text-decoration: underline;">Ce code souligne le texte</span>
la balise u (pour underline) est dépréciée en XHTML Strict
Ce code engraisse le texte :
<span style="font-weight: bold;">Ce code engraisse le texte</span>
Vous pouvez aussi simplement utiliser les balises i, b de cette façon :
<i>texte en italiques</i>
texte en italique
<b>texte engraissé</b>
texte engraissé
<big>ceci augmente la taille de la police</big>
augmente la taille de la police
<big><big>ceci augmente la taille de la police</big></big>
augmente la taille de la police
<big><big><big>ceci augmente la taille de la police</big></big></big>
augmente la taille de la police
<p style="text-align: center;">
Position centrée du texte, dans un paragraphe
<p style="text-align: left;">
Position gauche du texte, dans un paragraphe
<p style="text-align: right;">
Position droite du texte, dans un paragraphe.
Ces premièrs pas réalisés, vous pouvez alors égayer tout cela par quelques couleurs des polices ou des couleurs d'arrière plan qui permettent de différencier visuellement les paragraphes, les titres, etc... Il serait un peu escroc de vous laisser penser qu'ainsi vous savez déjà tout sur HTML, mais vous en savez suffisamment pour bien commencer, du moins, en local. Parce qu'il vous faudra aussi faire le détour par cette page (l'entête d'une page HTML) un peu plus compliquée afin de savoir comment votre site peut être repéré, repérable et donc, lu et consulté sur l'internet.
La page "entête d'une page HTML" fournit également quelques liens vers les coulisses de certaines écritures HTML particulières aussi utiles qu'éventuellement nocives
Formation Ubuntu/Windows, développement et administration de sites
déclaration à la CNIL : n° 1397076
Photographies, logo, illustrations : Pierre BELLENEY
