Chiny - Apprenez à développer sur le Web

 

Chiny: Cours de HTML - Hypertext Markup Language

Télécharger

Vous auriez peut être besoin du logiciel suivant: Adobe Acrobat Reader

Télécharger Adobe Acrobat Reader

Vous pouvez télécharger le cous de HTML en format PDF en cliquant sur le Bouton ci-dessous. Ou bien vous cliquez dessus avec le bouton droit de la sourie et vous mettez  "Enregistrer la cible sous".

Vous pouvez télécharger ce logiciel du site officiel du propriétaire du programme Adobe. Voilà le lien du site: http://www.adobe.com/fr/products/acrobat/readstep2.html

Télécharger le cours de HTML

HTML: Résumé du cours

HTML (Hypertext Markup Language) est un langage de description de pages Web. Il constitue le langage de base de création des pages Web.

Une page Web est un fichier texte qui contient du code HTML (HTML c'est purement du texte). La page qu'on visualise sur le navigateur et qui contient des images, des vidéos, des textes colorés et divers objets est le résultat d'interprétation du code HTML.

HTML est un code structuré sous forme de balises. Les balises sont des indicateurs qui se trouvent sur la page et qui indiquent la structure globale de celle-ci.

Une balise peut décrire un texte (gras ou italiques, Noir ou coloré, grands caractères ou non...). Elle peut aussi décrire une image, une animation, une vidéo, un son, les arrière-plan, les menus, les lien hypertexte... Bref, le moindre détail qui peut figurer sur votre page fait l'objet d'une balise.

Une balise est décrite ainsi:

<balise attribut1="valeur1"> objet qui subit l'effet de la balise </balise>

Exemple:

<font face="verdana"> Cette police est appelée VERDANA </font>

Dans l'exemple précèdent la balise s'appelle font, un des attribut de la balise font est face qui prend comme valeur le nom de la police (Arial, Verdana, Time New Roman...). La balise <font> est aussitôt fermée par la balise </font> (ne pas oublier le slash "/"). Le texte situé entre <font> et </font> subit l'effet de la balise. Cet effet est tout simplement la mise du texte en police VERDANA.

Il se peut que la balise ne procède aucun attribut ou procède plusieurs attributs à la fois. Il se peut aussi que la balise d'ouverture <nom_de_la_balise> ne procède pas de balise de fermeture  </nom_de_la_balise>.

Exemple:

<font face="verdana" color="red" size="3">

Ce texte est de police VERDANA, couleur ROUGE et taille 3.

</font>

 

<b> Ce texte est mis en GRAS </b>

 

<br> Ce texte est mis sur une nouvelle ligne

 

Vous pouvez commenter votre code HTML en utilisant les délimiteurs:

<!-- Votre commentaire -->. Tout ce qui se trouve entre <!-- et --> est ignoré par le navigateur.

 

Tout document HTML est identifié par l'extention .HTM ou .HTML (d'autres extensions sont toujours possibles tel que .PHP .ASP .XHTML...). Le document doit au moins avoir trois balises fondamentaux (<html>, <head> et <body>).

La concaténation de balises est toujours possible à condition de remplir la condition suivante: La dernière balise ouverte est la première qui doit être fermée.

 

Exemple:

<!-- Les balises marquées en rouge sont obligatoires -->

<html>

      <head>

            <title>

            Bienvenue sur ma page Web

            </title>

      </head>

      <body>

            <b>

                 <font face="verdana">

                  TEXTE MIS EN GRAS ET EN POLICE VERDANA

                 </font>

           </b>

      </body>

</html>

 

Vous aurez l'occasion de voir dans ce cours une balise dont l'utilisation est trop amusante car elle permet de faire défiler les objets (texte, images...); c'est la balise <marquee> </marquee>. Notez que cette balise n'est pas reconnue par le W3C (WWW Consotrium). Sa présence dans votre page peut compromettre la validation de celle-ci auprès des validateurs de pages Web existant sur le Web. Même si elle est très séduisante essayez de limiter son utilisation dans vos document le plus possible.

 

 

Téléchargement du cours de HTML

 

Télécharger le cours de HTML

 
 

Télécharger NotePad++

4.2.8

Voici un lien de téléchargent de l'utilitaire Notepad++ pour pouvoir éditer votre code HTML en toute clarté.

Lien 1: Télécherger.com

Lien 2: Clubic.com

 

 

     

 

 

Accueil - Chiny - Cours et tutoriaux - Scripts prêts - Liens - Contact

Chiny © 2008