Créer son premier site web

Par Neuromancer

Comme vous pouvez le voir chaque balise doit être refermée par son homologue avec un “/” (ex: se ferme par ).
Toutes les balises s’imbriquent. On ferme en dernier ce qu’on a ouvert en premier.

Maintenant la structure de base : tous les document HTML commencent par une balise et se terminent par une balise. Le navigateur interprétera tout ce qui se trouve entre ces balises.
Ensuite vient la balise

. Elle décrit ce qui se trouvera dans la tête du document. Par exemple, le titre de la page :

Exemple :



Mon premier site



donne :Titre de la page

 

Après la tête de la page vient le corps. Le corps comprends tout ce qui s’affichera sur la page proprement dite.

Exemple :



Mon premier site


Bonjour tout le monde !


donne :Corps de la page

 

On peut appliquer à la balise

des paramètres. Ces paramètres s’appliqueront à tout le corps de la page. En particulier, les couleurs des éléments.

Exemple :



Mon premier site


Bonjour tout le monde !


donne :Paramètres pour le corps de la page

Détaillons le code :

bgcolor : il s’agit de la couleur de fond de la page
text : la couleur du texte normal
link : la couleur des liens
vlink : la couleur des liens déjà visités
alink : la couleur des liens actifs

Note : À la place d’une couleur de fond on peut mettre une image avec le paramètre background=”nom de l’image de fond.jpg” (ex :

) En ce qui concerne les codes des couleurs, c’est trop compliqué pour être expliquer en détail ici.
Sachez seulement qu’ils se composent toujours de 6 chiffres ou lettres car les valeurs sont exprimés en hexadecimal (de 0 à 15 (15=f)).
Les 2 premiers chiffres (qui correspondent à une fourchette de 0(00) à 255(ff)) expriment la valeur de la composante rouge de la couleur, les 2 suivants de la composante verte et les 2 derniers de la composante bleue (RVB). Plus la valeur est haute, plus la composante est présente.
Pour exemple, 000000 correspond au noir, ffffff au blanc et donc c0c0c0 à un gris.
ff0000 correspond à du rouge, 00ff00 à du vert et 0000ff à du bleu.

Pour avoir toutes les nuances de couleurs, le plus simple est d’utiliser Webexpert ou un autre éditeur spécialisé qui a une fonction couleur.

Dernière mise à jour le 2 décembre 2018

Vous aimerez aussi

S’abonner
Notifier de
guest
14 Commentaires
plus ancien
plus récent Le plus populaire
Commentaires en ligne
Voir tous les commentaires
TheClem

Un guide impecable 🙂
Bravo !

quadvosges

tres bien ce petit cour ;o)
merci

Neuromancer

Merci, j’espère avoir été clair malgré les petites fautes de frappe :op

Imrahil

Guide tres sympathique dont j espere faire une bonne utilisation 🙂

grobb

Merci! Tout compris, c’est quand que démarre les cours de javascript, de php et de flash? 🙂
@+

Neuromancer

Ben le PHP, je débute chuis pas vraiment un pro, le Javascript j’aime pas ça et le Flash chuis une bouse.
M’enfin, y a surement quelqu’un qui va se dévouer.

Ou alors ça sera moi quand j’aurais fini la formation que je vais faire.

ethaniel

wouhaa !!! vachement clair comme expliquation , je planais un peu maintenant j’y vois plus clair grace a toi (lol) merci ….

005

je vois qu’on en est au même point niveau “langages” Web: le PHP je commence, le JS j’aime pas ça et le Flash chuis une daube 😛 Faut voir aussi que l’interface de Flash est pas là pour aider…

† B3R7R4NÐ †

Alors là ça tombe HYPER BIEN parce que je commence en ce moment même à m’intéresser au sujet ! HTML, PHP, FLASH… les tutos HTML répondent exactement aux questions que je me posais, notamment les FRAMES. Bien joué, continuez !!!

khaman

trés bonne explication merci je vais crée mon site grace a toi cooll longue vie a toi tchao

Bruno costard

Bonjour,

Du clair, du précis, de l'essentiel… pour quelqu'un comme moi qui, pas doué en micro, à des tas d'idée pour des sites internet (monde fabuleux allant de l'extraordinaire au plus détestable) j'ai touvré, via cet article, des bases pour la compréhension global du fonctionnement de sites… Pouvez-vous me conseiller quelques lectures "claires" et suffisament "synthétiques" pour parfaire mon approche ?

D'avance merci.

higher

t’es vraiment génial, ce tutoriel reste parmi les meilleurs que j’ai rencontré sur le net. Félicitation, continue comme ça :bigglasses:

pedrolito49

Trés bonne explication, par contre je galére au niveau de l’affichage des images ou de la musique que je veux mettre sur mon site, chez ifrance comme multimania, il ne veux pas m’afficher ou lire les deux, pourriez vous m’aider? Est ce une histoire de .xhtml ou .html ? J’utilise web expert pour crée mes sites .

Wullfk

Super explicatif :), par contre pas bien compris l’histoire de l’espace illimité sur MultiMania (si on en fait la demande) car de base c’est que 1Go.
Mais bon c’est qu’un détail, par rapport aux explications fournis 😉

😉 😉 😉

14
0
Nous serions ravis d'avoir votre avis, laissez un commentaire !x