-
ABC du HTML et CSS.1
Une fidèle visiteuse me suggère de reprendre des pages sur les bases des codes par le code source, ce qui renforce la remarque d'un autre fidèle visiteur et l'idée de ce que je voulais proposer...
Alors, en avant pour le HTML d'abord !
Je vous passe le sens anglais de ces lettres mais il s'agit du langage par lequel la machine transcrit votre article; si vous avez la curiosité d'écrire un texte, par exemple, puis d'ouvrir l'éditeur html (code-source:icône <>), vous trouverez les lignes html de votre article.
La machine, écrivant des codes standards, si vous lui dites: le texte sera grand, rouge, à gauche, il va écrire:
"le texte sera grand; le texte sera rouge; le texte sera à gauche;" etc... il va écrire autant de paramètres (attributs) que vous aurez définis pour votre élément dans un attribut <span>
Voilà pour le principe et pour les différences que vous allez trouver en utilisant les icônes de la barre d'outils et le code que vous allez écrire.
Un exemple: ce texte est écrit par les icônes B (gras), couleur rouge, taille 14pt, police Arial. ce que le programme aura écrit en code source:
<p>Un exemple: <span style="color: #ff0000; font-size: 14pt; font-family: arial,helvetica,sans-serif;"><strong>ce texte est écrit par les icônes B (gras), couleur rouge, taille 14pt, police Arial.</strong></span></p>
Un exemple avec une image: <p>Un exemple avec une image: <img style="float: left; padding-right: 5px;" src="http://ekladata.com/-E3zccRV88Tu2yrJs8aTypguNyQ.jpg" alt="ABC du HTML et CSS" /></p>
Si vous voulez décorer votre image, il vous faudra le faire en ouvrant le code source et ajouter vos décorations ... et c'est là que ça se corse !
Car, chaque paramètre (attribut) à une écriture bien spécifique et il vous sera utile de noter les principaux, sur une feuille de bloc-note (de préférence).
Les attributs s'écrivent, comme vous le voyez dans le dernier code inscrit, entre style="...et "
Chaque attribut se termine par un point virgule ;
La moindre virgule oubliée ou lettre inversée rend le code inopérant.
Le fait d'écrire des attributs en code source va vous offrir des possibilités que la barre d'outils ne vous propose pas.
Prenons un exemple de texte: nous allons pourvoir l'encadrer, lui ajouter du relief, l'incliner....
Exemple
Pour une image, par exemple:
Voilà l'usage et l'utilité des codes html; les possibilités étant multiples, je ne peux vous proposer un code adapté à vos choix; ces possibilités vont être multipliées par l'ajout d'un code CSS, qui va nous permettre des animations.
J'ignore si cette présentation est assez claire pour vous ou s'il me faut écrire des compléments...