Débuter avec le HTML

Débuter avec le HTML

 

Ce cours présente les notions de base du langage HTML : Tout d'abord l'histoire, comment est apparu ce langage, et pourquoi... Ensuite, nous verrons les bases que vous devez savoir afin de pouvoir gérer le contenu d'un site : Titre, Format de texte, Listes à Puces, etc... Et enfin un petit Quiz en bas de page pour tester vos connaissances, si vous avez bien retenu certaines notions importantes du cours.

 


Le HTML : Son histoire, son apparition, et pourquoi ?

Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent d'indiquer la façon dont doit être présenté le document et les liens qu'il établit avec d'autres documents. Le langage HTML permet notamment la lecture de documents sur Internet à partir de machines différentes, grâce au protocole HTTP, permettant d'accèder via le réseau à des documents repérés par une adresse unique, appelée URL. On appelle World Wide Web (noté WWW) ou tout simplement Web (mot anglais signifiant toile) la "toile virtuelle" formée par les différents documents (appelés « pages web ») liés entre-eux par des hyperliens. Les pages web sont généralement organisées autour d'une page d'accueil, jouant un point central dans la navigation à l'aide des liens hypertextes. Cet ensemble cohérent de pages web liées par des liens hypertextes et articulées autour d'une page d'accueil commune est appelée site web. Le Web est ainsi une énorme archive vivante composée d'une myriade de sites web proposant des pages web pouvant contenir du texte mis en forme, des images, des sons, des vidéo, etc.

 


Les bases du langage

Titre : Le titre varie selon "la taille du texte", de h1 à h6, comme du plus petit au plus grand.
<h1>Gros titre</h1> - <h6>Petit titre</h6>

Liste à puces : Une liste à puce, comme son nom l'indique, est une petite liste avec des points, pour lister des choses. Il remplace le tiret à chaque ligne.
<ul>
<li>Faire des courses</li>
<li>Aller chercher Julien à l'école</li>
</ul>

Paragraphe : Un paragraphe, est un texte avec un certain nombre de phrases. Quand on dit qu'il y a plusieurs paragraphes, c'est qu'il y a un premier texte, et un deuxième texte, et ceux-ci sont séparés, répartis en paragraphe.

<p>Paragraphe 1</p>

<p>Paragraphe 2</p>

A la ligne : Un retour à la ligne, c'est quand on a une phrase et une deuxième. La deuxième phrase sera en dessous de la première.

Ma phrase 1. <br /> Ma phrase 2.

Changer la couleur d'un texte : Votre texte est noir, vous voulez le mettre en rouge, ou en bleu ?
<font color="red">Mon texte en rouge</font> <font color="0000FF">Mon texte en bleu</font>
Remplacer "red" par une couleur en ANGLAIS. Remplacer 0000FF par la couleur hexadécimale (code couleur) que vous voulez.

Faire un lien : Pour faire un lien vers une autre page ou un autre site.
<a href="http://vocos.e-monsite.com/">Mon lien</a>
Remplacer http://vocos.e-monsite.com/ par le lien que vous voulez accéder. Remplacer Mon lien par le texte que vous voulez.

Mettre une image :
<img src="http://s3.e-monsite.com/2010/09/21/05/fav.png" />
Remplacer http://s3.e-monsite.com/2010/09/21/05/fav.png par le lien de votre image.

Centrer un élément : Avec ceci vous pouvez centrer ce que vous voulez : images, liens, texte...
<center>Texte centré</center>

Texte divers : Gras, Italique, Souligné, Grand, Petit... Vous avez le choix...
<span style="font-weight : bold;">Gras</span>
<span style="font-style: italic;">Italique </span>
<span style="text-decoration: underline ;">Souligné</span>
<font size="7"> komori yo masiwa mane </font>

Voilà, ce cours est terminé ! Si celui-ci vous plait, merci de nous laisser un petit message sur le livre d'or.

1) Le HTML est un langage dit de...
2) On peut créer des bases au HTML grâce à...
3) La page d'accueil d'un site web, généralement, c'est...
4) Une liste à puces, c'est...
5) Le langage pour apprendre les bases est...
Commentaires (6)

1. Baucens (site web) 30/10/2010

Riche idée de mettre ces outils à la disposition de tous. Tes explications sont très claires. Merci !
Amicalement,
Baucens

2. Ocara (site web) 30/09/2010


merci !!

3. Vocos (site web) 26/09/2010

Ok, je ferai un deuxième cours sur le HTML : Approfondir avec le HTML, avec d'autres bases, mais plus compliquées.

4. model-astuce 26/09/2010

Pense a ce qui n'ont pas e-monsite moi j'ai appris sur un tuto et maintenant je suis bien content de tous savoir

5. Vocos (site web) 25/09/2010

Salut, merci de ton avis, mais je ne vais rien changer car :

- Les frames pour les bases, je ne vois pas trop le rapport, pour les débutants, ce ne serait pas très utile
- Arrière-Plan, c'est comme une image que tu mets
- Couleur au texte, c'est déjà mis
- Tableaux, je ne vois pas trop le rapport non plus.

Voilà, ce qui est marqué, sont vraiment les bases. Il vaut mieux ne pas compliquer les choses pour les débutants.

6. model-astuce 25/09/2010

Super
Mais il manque des base

Les frames

L'arrière plan

Mettre de la couleur au texte

Les tableaux

Ajouter un commentaire
 

Copyright © 2010 - 2011 - Vocos, Services Webmasters Gratuits - Tous droits réservés.

Creative Commons License

Ce site est protégé par une Licence CC, tout plagiat des éléments du site (texte, design, images...) ou inspiration avec services similaires de ce site peut-être soumis à des droits d'auteur.
Élaboration du site complet : Vocos ©

Booste le trafic de ton site

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site