Ce cours ne nécessite aucune connaissance informatique préalable,
excepté celle de l'utilisation d'un navigateur Internet.
L'HTML est un langage permettant la fabrication de documents interactifs.
Initiation au HTML.
| Premier pas. |
 |
— Partons du principe que vous avez ouvert un fichier « Doc1.html » et qu'il est
affiché dans votre navigateur. —
Dans votre éditeur, entrez une simple phrase comme « Mon premier document ».
 |
Doc1.html - Bloc-notes |
|
|
|
|
|
Ce qui donnera dans le navigateur l'affichage suivant :
 |
.\Doc1.html - Microsoft Internet ... |
|
|
|
|
| Fichier Edition
Affichage Favoris Outils |
 |
|
 |
|
|
|
Terminé |
|
|
|
|
 |
Poste de
travail |
 |
|
Vous venez de réaliser votre premier document HTML.
Ici, il est bien visualisé par Internet Explorer ; cependant, il est possible
que ce document ne s'affiche pas correctement sur d'autre navigateur car nous
n'avons pas respecté la norme HTML ? En effet, pour créer un document conforme,
nous devons saisir des éléments supplémentaires.
| Conteneur et Marqueur structurel : HTML, HEAD, TITLE, META, BODY. |
|
Bien que le fichier « HTML » (ou « HTM ») soit modifiable avec un éditeur de texte
simple (sans mise en forme), cela ne sous entend pas que la création du document
soit aussi simple.
Pour qu'un fichier soit reconnu comme étant un document « HTML », il doit
correspondre à une structure typique. Celle-ci nous informe que l'ensemble des
éléments formant le document doivent être placés à l'intérieur du
conteneur HTML.
Pour rappel, un conteneur est constitué d'une balise ouvrante et d'une
balise fermante ; ainsi, nous auront ici les balises <HTML> et </HTML>.
|
|
Doc1.html - Bloc-notes |
|
|
|
|
|
<HTML>
<HEAD>
<TITLE>Essais</TITLE>
</HEAD>
<BODY>
Mon premier document.
</BODY>
</HTML>
|
|
|
|
|
|
|
|
|
|
A l'intérieur du conteneur HTML, nous trouverons successivement (à la suite) les conteneurs
HEAD et BODY.Le conteneur HEAD contient l'ensembles des informations de tête ou d'entête du
document tel que le titre, avec le conteneur TITLE, les références META-serveur,
avec le
marqueur META, ainsi que d'autres éléments que nous regarderons
ultérieurement.
Le conteneur BODY quand à lui contient le corps du document, c'est à dire la
partie qui sera affiché dans le navigateur.
Le marque META permet de définir des propriétés du documents qui seront
utiliser pas les moteurs de recherche, d'indexation ou aussi pour définir
l'auteur et les droits sur le document. Vous retrouverez plus d'information sur
les marqueur META en annexe de cette introduction.
Voila un premier document respectant la convention ; maintenant, il est plus
facile de comprendre la « M » du sigle « HTML ».
+<script>+<style>.
| . |
|
.
| Tableau avec fond "LIGHTGREY" |
| Tableau avec fond "GAINSBORO" |
avec "old.bgu.gif" |
| Tableau avec fond "BISQUE" |
avec "fnd_2.jpg" |
| Tableau avec fond "LAVENDER" |
| Tableau avec fond "#FDBDFC" |
avec "fnd_2.jpg" |
|
|
Dernière mise à jour :
dimanche 06 janvier 2008 |
|
