ARTICLES - TRUCS ET ASTUCES
Créer son site web, partie 2
Publier le 30/06/2009 par Web-Argent-Facile
Un document html est un fichier texte tout ce qu’il y a de plus classique, vous pouvez donc
utiliser un éditeur de texte comme le notepad, vim, emacs pour éditer votre fichier.
Afin de présenter votre document il existe plusieurs tags pour mettre en forme votre texte, par exemple :
<b>ce texte est en gras</b>. Ainsi lorsque vous encadrez un texte avec le tag b le texte est en gras.
Tous les tags html sont formés de la même façon,
la commande est encapsulée entre un < et un > pour démarrer et encapsulée entre un < et un > pour la terminer.
La structure de départ d’un document html est toujours la suivante:
<html>
<head>
</head>
<body>
</body>
</html>
Le tag
html indique que ce document est de l’html, le tag
head renferme des informations sur le document qui sera contenu dans la section body.
Pour plus d’infos sur la section head rendez vous dans le prochaine article, vous y trouverez un descriptif des tags meta qui permettent de décrire votre document.
le tag
body défini donc la partie principale de votre document, c’est ici que sera écrit le texte de votre page ainsi que les références de vos images.
Donc, Vous allez en tapant votre texte avoir besoin de quelques tags qui vont vous permettre de mettre en forme et de présenter votre document, voici quelques tags indispensables:
- h1, h2 .. h6 : ces tags permettent de modifier la taille de votre texte, du plus gros h1 au plus petit h6.
- b : pour écrire en gras
- font : pour changer la taille (eg: <font size=+2> ) ou la couleur (eg: <font color=red> )
- div : pour centrer un texte (eg: <div align=center> )
- p : permet de définir un paragraphe
- pre : la présentation du texte contenu dans une section pre ne sera pas modifiée, en effet en html une succesion de blanc ou de retour à la ligne sera considérer comme un seul blanc sauf a l’intérieur d’une section pre, cela est très pratique pour présenter un code de programme
Plus d’info sur les balises html
!! n’oubliez pas de toujours refermer un tag ouvert ( eg: </font> ) !!
Article suivant:
- Créer son site web, partie 3 -