Le Html

 

 

 

Histoire:

HTML signifie Hyper Text Markup Language, on l'appelle aussi le langage de balises. Il est conçu sur le même principe que les premiers traitements de textes.             
C'est un langage qui permet de coder une page qui sera ensuite déchiffré par votre navigateur ou browser. Les pages HTML peuvent contenir du texte, des images, des vidéos, du son... Il n'y a pas que les pages web qui utilisent le HTML, en effet, on s'en sert pour créer des interface de CD-ROM ...

Intoduction:


Chaque instruction est entourée d'une balise, exemple :
<title> Titre de la page </title>
("Titre de la page" = Ce qui sera affiché dans le navigateur et sur les moteurs de recherche
Une balise doit toujours contenir une ouverture et fermeture, remarquez que <title> est la balise d'ouverture et </title> la balise de fermeture (slash).

Une page web est généralement conçu a partir de ce code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</html>

Quelques balises:

La balise " <a> " signifie que c'est un lien hypertexte, il sert a faire un lien vers une page web, exemple : <a href="http://www.site-bidon.com"></a>
La balise " <b> " met un texte en gras, par exemple : <b>le texte sera affiche en gras</b>
La balise " <i> " met un texte en italique, exemple : <i>le texte s'affichera en italique</i>
La balise " <p> " sert à insérer un paragraphe (saut d
e deux lignes), exemple : <p>texte</p>
La balise " <br> " sert à insérer un saut de ligne, par exemple : <br>texte</br>
La balise " <center> " centre un texte, exemple : <p align="center">texte devant être centré</p>
La balise " <font> " définit le texte, apr exemple : <font face = "verdana" size ="2">texte </font ("verdana" est ici la poilice de caractère et size, la taille du texte)
La balise " <table> " est la structure d'un tableau  
La balise " <tr> " insère une ligne dans le tableau                exemple : <div align="center"><center><table border="1" width="100"><tr><td>texte</td> </tr></table>
La balise " <td> " insère une cellule dans le tableau


Animer le site :

Pour insérer une musique de fond : <bgsound src="Tapez l'adresse de la musique de font" loop="1"> ( "loop" signifie le nombre de fois que sera lu la musique )
Pour insérer une vidéo : <p><img dynsrc="tapez l'adresse de la vidéo" width="771" height="541" start="fileopen"></p>
Pour mettre une image de fond : <body background="Tapez l'adresse de l'image"></body>
Pour mettre quelque chose à télécharger : <A href="Tapez l'adressse de la chose à télécharger, cette chose sera obligatoirement dans un dossier zippé (terminé par ".zip")>Tapez quelque chose comme "télécharger la chose" ".</><b><br></b><br></span></td>
Pour faire visionner une vidéo sans la faire télécharger : <a href="Tapez l'adressse de la chose qui sera àecoutée ou à visionner>tapez quelque chose comme visionner la vidéo</a>
<b><br></b><br></span></td

Quelques informations :

width = : largeur d'un objet,
align = : alignement d'un texte
face = : police d'un texte
size = : taille d'un texte
border = : taille d'une bordure en pixel
loop = : nombre de fois que sera répétée la musique                                                                                      

                                                           

Editeur html :

Pour commencer, il vous faut un éditeur HTML, pour cela vous pouvez par exemple vous servir du bloc-notes de windows, le seul problème, c'est que l'on est obligé de tout écrire car il n'y a rien d'automatisé comme sur d'autres logiciels, mais au moins, on progresse!

Donc, avec bloc-note, écrire le code, puis enregistrer votre page sous index.html (avec une extantion .html)

Pour les autres, utilisez des logiciels ( voir dans la rubrique liens )

 

 

 

Page d'accueil

 

© www.plantage-optimise.c0m.st