« Hypertext Markup Language/Première page » : différence entre les versions

Contenu supprimé Contenu ajouté
m Formatage
m Robot : Remplacement de texte automatisé (-\n(==={0,3})(?: *)([^\n=]+)(?: *)\1(?: *)\n +\n\1 \2 \1\n)
Ligne 7 :
}}
 
== Introduction ==
Une page HTML est composée d’un ensemble d'instructions données grâce à des balises.<br />
Pour écrire du code HTML, il suffit d’utiliser n’importe quel éditeur de texte simple. N'utilisez pas de logiciel de traitement de texte, qui a tendance à reformater le texte écrit par l'utilisateur.
 
== Les balises ==
=== Définition ===
Les instructions en HTML sont définies grâce à des balises (ou ''tags'' en anglais). Ce sont ces balises qui vont permettre au navigateur qui interprétera le code de faire la différence entre la présentation et le texte proprement-dit.
Ligne 45 :
* Un clic droit puis ''Source'', ou CTRL+U sous [[w:Opera|Opera]]
 
=== L'imbrication ===
Une des forces du HTML est le fait que les balises puissent être imbriquées. En effet pour écrire un texte en italique (balise <code><nowiki><i></nowiki></code>) et souligné (balise <code><nowiki><u></nowiki></code>), il suffit d'écrire <code><nowiki><i><u>texte</u></i></nowiki></code>. Cependant les balises ne doivent pas se chevaucher. En d'autres termes, il est impératif de fermer la première balise ouverte après la deuxième. Ainsi, <code><nowiki><u>Firefox est un <i>navigateur Web</i></u></nowiki></code> est correct mais <code><nowiki><u>Firefox est un <i>navigateur Web</u></i></nowiki></code> est incorrect puisque la balise <code><nowiki><u></nowiki></code> a été ouverte avant la balise <code><nowiki><i></nowiki></code> et a été fermée en premier. On peut bien évidemment imbriquer plus de deux balises.
 
== Le document HTML minimum ==
Nous avons déjà vu qu'un document HTML n'est qu'un document texte avec l'extension .html ou .htm. Cependant, pour que le navigateur reconnaisse le fichier comme un fichier HTML, il faudrait au minimum écrire :
 
Ligne 72 :
Cette disposition est équivalente à celle d’une lettre. En effet, l'entête d’une lettre comporte les informations concernant l’objet et des informations sur l'expéditeur. Elle est représentée par la balise <code><nowiki><head></nowiki></code>. Le corps de la lettre comprend le message proprement-dit et est représenté par la balise <code><nowiki><body></nowiki></code>.
 
== Première page web ==
Créons maintenant une première page web. La syntaxe de base doit être celle du paragraphe précédent. Nous allons créer une page qui affiche Bonjour et bienvenue sur ''Wikiversité''. Le code source est le suivant :