Introduction au langage XHTML (1)

16/09/2006 - Lu 382 fois

Apprenez à creer votre propre site web!!

Définition :

Le langage XHTML (eXtensible HyperText Markup Language) est un langage utilisé pour créer une page web .Il va en quelque sorte dire au

PC plus exactement au navigateur(internet explorer,mozilla,opera,msn explorer...) écris ce texte là, insère cette image .Pour cela il y

a des régles .En effet il existe des balises( markup ou encore tag en Anglais) que le navigateur va interpréter puis afficher sous

forme d'une page web.

La norme XHTML:

Le langage XHTML reprend la même syntaxe que son grand frére 'HTML' sauf qu'il respecte la syntaxe du XML (eXtensible Markup

Language).Le XHTML se veut propre et oblige le webmaster à produire un code propre. Nous verrons cela plus loin.

Editeur de texte:

C'est la qu'on va taper le code XHTML exemple d'un editeur de texte bloc-notes si vous etes sous windows et que vous ne l'avez pas trouvé
aler dans menu demarrer>programme>accessoires>bloc-notes n'oubliez pas de toujours enregistrer votre fichier avec l'extension .htm ou html.

Navigateur web :

Un navigateur web est un logiciel qui permet de visualiser des pages web ils existent plusieurs navigateurs web Mozilla,internet explorer si

vous êtes sous windows je vous conseil de telecharger Firefox un navigateur moderne gratuit et qui respecte les normes disponible ci

dessus.

Les balises:

Les balises c'est ca<nom de la balise> ca commence par ce signe '<' et ca ce termine par un '>' au milieu vous aller taper le nom de la

balise ,en gros chaque balise a une tâche bien precise :Une balise pour écrire du texte en gras l'autre pour l'ecrire en Italic ...etc .Vous

n'etes pas obliger de les apprendre parqeur ne vous inqietez pas.

Ils existent plusieurs sorte de balise des balises dites par paire il faut toujours les refermer :Exemple <nom de la

balise>....................</nomde la balise>

et les autres dites seule Exemple:<nom de la balise/>

Les Attributs:

Les attributs sont en quelques sortes un ou plusieurs details de plus qu'on va ajouter à la balise en question,par exemple on a une balise

(<texte>) pour ecrire du texte coloré ,on va lui ajouter un attribut couleur et on va lui donner comme valeur la couleur du texte souhaitée ca

nous donnera ca <balise couleur=rouge>notre text </balise> .

Structure d'un document XHTML:

Code XHTML:

<html>

<head>

<title>ici le titre de votre page va s'afficher sur la barre d'adresses de votre navigateur </title>
</head>

<body>

</body>

</html>

Quelques explications:

Les deux balises <html> et </html> indiquent juste le debut et la fin du document XHTML .

Entre les 2 balises <body> et </body> on va mettre le contenu de la page web .

TP:

On va mettre maintenant en application juste ce qu'on a vu jusqu'ici ,pour commencer ouvrez votre editeur de texte (bloc note) copier et

coler le code (structure d'un document XHTML ) ensuite entre les 2 balises <body> et <body> ecrivez voici ma premiere page web ! de votre choix enregistrez le tous avec l'extension.htm ou html ,Aller dans le repertoire ou vous l'avez sauvegarder vous devriez voir ca

Cliquez dessus , votre navigateur va s'ouvrir et vous allez voir le texte que vous avez écrit .

Dans le prochain chapitre nous allons voir les differentes balises pour mettre en valeur son texte pour inserer une image ou encore des liens .

Pas de commentaires, soyez le premier à commenter ce dossier !