A voir aussi...

 
  • Winland.fr
  • Libellules.ch


 

Dans les forums

 



Tutoriaux > Webmasters > Html > Créer votre site en xHTML / CSS (n°1)
Créer votre site en xHTML / CSS (n°1)
Publié par Smilz le 4/6/2006 (2951 lus)
Nous allons voir dans ce tutoriel :
* les différences entre le xHTML et le HTML
* les logiciels pour programmer,
* les balises.

1/ Le xHTML / HTML, quelles différences ?

On m'a dit que pour créer un site internet il faut programmer en HTML, et maintenant on me sort qu'il faut programmer en xHTML, pourquoi ?

La réponse est simple : c'est que le HTML est obselète, avant, les navigateurs créaient eux même leur balise HTML (vous verrez en suite ce que c'est) donc certaines balises ne fonctionnaient que sur certains navigateurs.
Alors, un groupe de personnes a dit : on va créer un nouveau language (assez proche du HTML) que tous les navigateurs afficheront de la même façon. Le xHTML (eXtensible Hyper Text Markup Language) était né. Nous étions en l'an 2000.



2/ Les logiciels pour programmer

Pour programmer, vous n'êtes pas obligé de télécharger un logiciel, le Bloc-note de windows suffit. Sauf que si j'ai créé une rubrique pour ça, c'est qu'il y a mieux.

Exemple: notepad ++ , pour le télécharger
cliquez ici
, prenez le .exe , l'autre fichier est une archive (le code source) qui vous seras inutile.

Voici quelques avantages :
* coloration syntaxique (colore le code )
* auto incrémentation (on verra ça plus tard)
* supporte plusieur langages (on utilisera le HTML ^^)
* il est installable en compte limité sous XP (si je me souvient bien :-p )

PS : je ne sais pas si il est disponible sur d'autres plateformes.

Bon, pour ce qui ont choisi notepad++ (qui est fortement conseillé) faites ceci :
* lancez-le
* dans la barre d'outils tout en haut, cliquez sur "langage" et sélectionnez "HTML".

Maintenant, vous êtes prêt à coder en xHTML !!!



3/ Les balises

D'abord, première question, c'est quoi une balise ???

Une balise est tout simplement une commande qui dit "mettre ce texte en gras" , "ceci est un titre", ect.

Comment met on une balise ?

Pour les balises courantes, c'est simple :
on met un "<" ensuite le nom de la balise et un ">" à la fait de la balise. ensuite, on met le texte que l'on veut mettre puis on ferme comme ça

PS : les caractère > < se trouvent en haut à droite de Ctrl pour les claviers azerty.

Quelques exemples (qui ne fonctionnent pas, c'est pour vous montrer) :
<paragraphe>salut, toi ça va ? moi ça va. </paragraphe>

ou
<titre>comment réussir à faire un site. </titre>
.

Voilà des balise simples

Maintenant, des balises plus complexe, des balises... en une balise.
<image url="image.png" />

Comme vous le voyez les balises en une balise se forme comme cela :
< titre de fonction / >
et là nous voyons que le / se trouve à la fin de la balise.

Voilà, si vous avez compris ça, vous êtes pret à programmer .
Sinon, relisez ce tutoriel, vous verez, il n'est pas très compliqué.


Naviguer à travers les tutoriaux
tutorial précédent Les bases du HTML Compressez vos tags HTML avec HTML (Un)Compress tutorial suivant
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Auteur Conversation