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 de 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 )
© www.plantage-optimise.c0m.st