Avec votre explorer, rendez vous là où se trouve le fichier, double cliquez dessus et hop, votre browser habituel démarre et vous montre le contenu du fichier au format HTML.

ET voila ce que ca donne:

C'est aussi simple que ca et vous voici donc avec les bases!!

Exemple no2

Vous voulez le rendre un peu plus chouette? alors refaites l'exercice avec celui ci:

<html>
<head>
<title>ma première page</title>
</head>

<body>

<center>


Génial je viens de faire ma première page web


</center>

Pour vous rendre sur websioux:
<a href = 'http://www.websioux.com'>Cliquez ici
</a>

</body>
</html>

Ce qui nous donne:

Si vous observez le code en detail, je pense que vous pouvez commencer à comprendre comment cela fonctionne
Pour vous aider voici quelques precisions:

Comprendre les Exemples

le code html est indifférent aux espaces ou au retours à la ligne, donc si je vous avais donné ce code:

<html><head><title>ma première page</title></head>
<body>Genial je viens de faire ma première page web </body>
</html>

Vous auriez obtenu exactement la même chose que le premier exemple.

Les choses étranges du style <html><body> etc, sont des balises. Ce sont elles qui permettent d'indiquer au browser ce qu'il faut faire avec les données. Si vous cherchez un TUTORIAL HTML, vous les découvrirez toutes. Personnellement, je n' en connaît qu'une 15 aine et ça me suffit amplement!

Sauf quelque rares exceptions, elle commencent toutes par <balise> et se finissent toute par </balise>

Exemple: <center> quelque chose ici </center> indique qu'il faudra placer ce qui se trouve entre les balises au centre de la page.

Pour le code HTML, <center> est identique à <CENTER> : il n'y a pas de distinction entre les majuscule et les minuscules en ce qui concerne les balises

Dans ces exemples, nous avons utiliser les balises suivantes:

- <html> : obligatiore et indique qu'il s'agit d'un document html

- <head> : obligatoire et sert a placer des informations qui n'apparaissent pas dans la page

- <title> : cette balise contient le texte qui apparait tout en haut du navigateur (regardez bien dans la barre bleu). Elle est très utilse car c'est son contenu qui apparait en gros dans les résultats des moteurs de recherche

- <body> : obligatoire, elle definit le corp de la page. Cette balise va contenir tout ce qui va apparaitre dans le navigateur

- <center> : centre son contenu

- : indique un paragraphe, il y aura un saut de ligne avant et après le paragraphe. En cas de deux paragraphes consecutifs, il n'y aura qu'un seul suat de ligne pour les séparer

- : impose les charactéristiques du texte, ici: police Arial, une taille de 6 et la couleur rouge

- <a href = 'http://www.websioux.com' > Cliquez ici < /a> : indique que "Cliquez ici" apparait comme un lien qui redirige sur http://www.websioux.com

Si vous avez à peu près compris ce que je viens de vous expliquer, alors sachez que vous possédez la base de création de tout site web. Visitez des TUTRIAUX HTML ( celui ci n'est pas trop mal) et faites quelques exercices. Vous devriez être capable de créer votre premier site en quelques semaines.

quelque soit la page web que vous visitez vous pouvez voir le code html qui y correspond. pour cela, dans le menu de votre explorer, cliquez sur affichage puis code.

Et enfin, sachez qu'il existe des logiciels qui vous dispensent (plus ou moins) de comprendre le code HTML, il se cachent sous le nom étrange de WYSIWYG (What you see is what you get). Le plus célèbre d'entre eux est Dreamwaver. Mais je vous conseille vivement de comprendre la base avant de vous en servir. Ces logiciels malgré leur apparente simplicité ne sont pas si simples à utiliser

N'oubliez pas, il y en a des milliers de sites destinés à vous apprendre comment manipuler l'HTML. De nombreux forums sont la pour que vous puissiez poser vos questions de débutant. Utilisez les, affinez vos recherches et vous trouverez presque tout ce que vous voulez.

N'oubliez pas non plus que vous pouvez, copier, "voler" le code des autres, et vous en inspirer pour apprendre.

--------------------------------------------------------------------------------

Article écrit par: Lionel Palazzi
>>> Le Chef webSioux
www.websioux.com

Cigui :le perso du web généraliste -GSX le perso du web charme et adulte