Qu'est-ce qu'un document HTML ? C'est tout simplement une suite d'instructions, écrites selon des règles standard prédéfinies, qui indiquent
au navigateur Internet comment afficher le contenu d'un document HTML.
Nous allons, tout au long de ce cours d'initiation à la création de site Internet avec le langage HTML, voir quelques unes de ces règles et
instructions. Nous découvrirons ainsi les TAGS (balises) et leurs ATTRIBUTS.
Les Balises servent à prévenir le navigateur Internet (Internet Explorer ou Google Chrome ou Firefox, ...) ce à quoi s'attendre : la présentation
des textes, les liens hypertextes, les images à télécharger, les tableaux, les listes, ... etc
Les Balises ont parfois des Attributs qui fournissent certaines données au navigateur pour mieux appliquer ces balises.
Et pour finir, les Attributs ont différentes valeures qui sont des paramètres dont le navigateur a besoin pour parachever les instructions
ordonnées par les Balises.
Un simple document HTML qui contient des Balises courantes pourrait se présenter comme suit (toujours ouvrir une Balise par
< et la fermer
avec
>).
<!-- commentaire ici --> = ces crochets mis ainsi permettent d'ajouter des commentaires dans votre code HTML sans que le commentaire ne soit
visible sur Internet.
<HTML> = cette Balise prévient le navigateur qu'il s'agit d'un document HTML
<HEAD> = pour identifier l'entête; nous y reviendrons !
<TITLE> = pour le titre de votre page web qui sera visible tout en haut du navigateur et qui sera repris par les moteurs de recherche.
Ceci est le titre de ma première page web !
</TITLE> = Fin du titre. Toutes les Balises ont une balise de fermeture. C'est identique à la balise d'ouverture mais avec un slash "
/".
</HEAD> = fin de la section HEAD d'entête.
<BODY> = c'est dans cette partie que vous écrirez le texte que vous voulez afficher sur Internet et qui sera lu par les internautes.
Je suis en train de créer ma première page Internet à l'aide du cours de création de site web Arobasenet.
</BODY> = fin du texte à afficher sur Internet.
</HTML> = fin du document html.
Evidemment, dans un document HTML normal, on écrit pas autant de commentaires avec les Balises. Alors, voici le code HTML que vous devez reprendre
dans votre fichier "test.html" afin de voir le résultat dans votre navigateur.
<HTML>
<HEAD>
<TITLE>Ceci est le titre de ma première page web !</TITLE>
</HEAD>
<BODY>
Je suis en train de créer ma première page Internet à l'aide du cours de création de site web Arobasenet.
</BODY>
</HTML>
Vous saisissez donc ce code dans votre fichier test.html sur le bloc-notes et vous l'enregistrez. Ensuite, vous allez dans le répertoire où il est
enregistré et vous faîtes un double-clic sur le fichier test.html. Il s'ouvrira alors dans votre navigateur Web et le résultat devra être :
Je suis en train de créer ma première page Internet à l'aide du cours de création de site web Arobasenet.
Voyons maintenant les Attributs que peut utiliser la Balise BODY (BGCOLOR et TEXT, par exemple). En les utilisant, vous pouvez avoir un
arrière-plan de couleur Jaune ou Bleu avec un TEXTE en rouge ou blanc. Ce sont donc des Attributs qui influencent l'apparence de toute
page web.
Avec l'Attribut TEXT, vous avez une grande liberté d'action quant à la taille du texte de la page, à sa couleur, à sa police, etc.
Mais,attention. Ce qu'il faut retenir, c'est qu'en utilisant ces Attributs, vous devez faire en sorte de faciliter la lecture de vos pages web.
Il faut que votre texte soit visible quelque soit la couleur d'arrière-plan choisie par vous.
Suite de cet article :
Les paragraphes.
Suivez-nous sur :
Facebook
Twitter
Google Buzz
Tumblr
FriendFeed
Youtube
Cliquez sur le bouton FeedBurner ci-après pour vous abonner à notre flux RSS :
|
Partagez cet article avec vos amis :
|
|
Veuillez
laisser un commentaire sur cet article dans l'espace prévu ci-dessous afin de partager votre point de vue.
Retrouvez d'autres articles sur Google, la création de site, l'optimisation, le référencement, le trafic web,
les mots clés, le nom de domaine et l'hébergement web à partir de notre sélection de liens dans notre
Plan de site.
