Cours HTML->Avant propos
Avant de commencer
Info
Pour mieux comprendre les explications, il m'a semblé judicieux de mettre à votre disposition un générateur de page HTML online.
Vous pouvez :
- enregistrer la page HTML, (fichier->Enregistrer sous..) mais vous verrez que le code source n'est pas très clair,
- vous envoyer le code source ce qui m'a semblé intelligent si vous ne travaillez pas sur votre ordinateur.
Si vous désirez plus d'informations sur une balise HTML, il vous suffit de taper le nom de la balise dans le moteur de recherche ou de cliquez sur le lien "Toutes les balises" (en haut à gauche).
En espérant, que vous apprécierez mes cours.
Si par hasard vous apercevez une erreur n'hésitez pas à me contacter via le lien "Erreur sur cette page" (dans le menu gauche).
Vous pouvez aussi allez voir la FAQ
Vous pouvez :
- enregistrer la page HTML, (fichier->Enregistrer sous..) mais vous verrez que le code source n'est pas très clair,
- vous envoyer le code source ce qui m'a semblé intelligent si vous ne travaillez pas sur votre ordinateur.
Si vous désirez plus d'informations sur une balise HTML, il vous suffit de taper le nom de la balise dans le moteur de recherche ou de cliquez sur le lien "Toutes les balises" (en haut à gauche).
En espérant, que vous apprécierez mes cours.
Si par hasard vous apercevez une erreur n'hésitez pas à me contacter via le lien "Erreur sur cette page" (dans le menu gauche).
Vous pouvez aussi allez voir la FAQ
Pour créer sa page HTML
Infos
Le HTML n'est pas vraiment un langage de programmation, ce qui rend son apprentissage très facile.
Il est constitué de balises qui vous permettent de mettre en forme ( le style ) votre page.
Pour créer une page HTML :
Il suffit d'avoir un éditeur de texte qui puisse sauvegarder le texte en ASCII.
Pour les utilisateur de Windows, le Bloc-notes et pour les utilisateur de Mac, c'est BBEdit si je me trompe pas.
Enregistrer votre page en lui donnant une extension ".htm" ou" .html", je vous conseille plutôt ".html".
Vous travaillez le code à partir de l'éditeur de texte et vous visualisez avec votre navigateur.
Ayez une version d'Internet Explorer et de Firefox pour vérifier vos pages, de préférence pas la dernière version.
Sachez qu'il peut avoir des différences de rendu suivant les navigateurs et les systèmes d'exploitation.
Il est constitué de balises qui vous permettent de mettre en forme ( le style ) votre page.
Pour créer une page HTML :
Il suffit d'avoir un éditeur de texte qui puisse sauvegarder le texte en ASCII.
Pour les utilisateur de Windows, le Bloc-notes et pour les utilisateur de Mac, c'est BBEdit si je me trompe pas.
Enregistrer votre page en lui donnant une extension ".htm" ou" .html", je vous conseille plutôt ".html".
Vous travaillez le code à partir de l'éditeur de texte et vous visualisez avec votre navigateur.
Ayez une version d'Internet Explorer et de Firefox pour vérifier vos pages, de préférence pas la dernière version.
Sachez qu'il peut avoir des différences de rendu suivant les navigateurs et les systèmes d'exploitation.
A savoir
Info
Il existe deux sortes de balises :
- la balise "double" qui est composée d'une balise de début et d'un balise de fin.
- la balise "simple".
La plupart des balises ont des attributs.
Un attribut permet de définir certains paramètres.
Par exemple la balise <P> accepte comme attribut l'attribut ALIGN (<P align="left">) qui permet de justifier le texte à gauche.
Un attribut peut avoir plusieurs valeurs.
Par exemple align peut prendre la valeur de "left", "right" ou "justify" selon votre choix.
Chaque attribut HTML a ses valeurs propres.
Une balise peut avoir plusieurs attributs :
Par exemple la balise HTML <BODY> :
- la balise "double" qui est composée d'une balise de début et d'un balise de fin.
Exemple de code :
<P> </P>- la balise "simple".
Exemple de code :
<BR>La plupart des balises ont des attributs.
Un attribut permet de définir certains paramètres.
Par exemple la balise <P> accepte comme attribut l'attribut ALIGN (<P align="left">) qui permet de justifier le texte à gauche.
Un attribut peut avoir plusieurs valeurs.
Par exemple align peut prendre la valeur de "left", "right" ou "justify" selon votre choix.
Chaque attribut HTML a ses valeurs propres.
Une balise peut avoir plusieurs attributs :
Par exemple la balise HTML <BODY> :
Exemple de code :
<BODY bgcolor="red" text="blue">Ecriture du code HTML
Les balises :
L'interpréteur du code HTML ne tient pas compte des majuscules et minuscules. Ecrire <Body> </BODy> revient à la même chose que d'écrire <body> <BODY> ou <BOdY> </body>.
L'agencement des balises :
Attention, une balise "double" ne doit pas contenir qu'une partie d'une autre balise "double".
L'exemple suivant peut générer une mauvaise interprétation :Il faut écrire
ou
Le texte en lui même :
Ecrire "le temps est à l'orage" et la même chose que écrire :
temps
est
à l'orage
En fait, l'interpréteur de HTML tient compte des balises, mais pas de l'agencement du texte entre les balises à l'exception de la balise <PRE>.
La première page de votre site doit s'appeler index.html.
L'interpréteur du code HTML ne tient pas compte des majuscules et minuscules. Ecrire <Body> </BODy> revient à la même chose que d'écrire <body> <BODY> ou <BOdY> </body>.
L'agencement des balises :
Attention, une balise "double" ne doit pas contenir qu'une partie d'une autre balise "double".
L'exemple suivant peut générer une mauvaise interprétation :
Exemple de code :
<FONT> un <B>bout de texte</FONT></B>Exemple de code :
<B><FONT> un bout de texte</FONT></B>Exemple de code :
<FONT><B> un bout de texte</B></FONT>Le texte en lui même :
Ecrire "le temps est à l'orage" et la même chose que écrire :
Exemple de code :
le
temps
est
à l'orage
En fait, l'interpréteur de HTML tient compte des balises, mais pas de l'agencement du texte entre les balises à l'exception de la balise <PRE>.
La première page de votre site doit s'appeler index.html.
Insérer un commentaire.
Infos
L'insertion de commentaires est pratique surtout quand vous avez des codes de HTML très long cela permet de se repérer.
On l'écrit :
Un commentaire n'est pas interprété par le navigateur.
On l'écrit :
Exemple de code :
<!-- Votre commentaire -->Un commentaire n'est pas interprété par le navigateur.
