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...

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

×