Une page de base HTML

<html>
<head>

<title> Titre de votre page </title>

</head>

<body> Corps du document

Insérer ici vos textes, images, formulaires, etc...

</body>

</html> fin du document HTML




Haut de la page



    Principales balises HTML

Plusieurs attributs viennent se rajouter à chaques balises
Les balises HTML sont presque toujours entre < />

< > pour le début
</ > pour la fin
<!-- Commentaire --> Pour mettre un commentaire
<b>texte</b> Gras (Bold)
<i>texte</i> Italique
<u>texte</u> Souligné (Underline)
<br/> Saut de ligne (balise solitaire)
<p></p> Paragraphe
<bgcolor="#FFFFFF"> Fond d'écran #FFFFFF" = blanc
<font size=n>texte</font> Taille de la police 1 à 7
<font color="#FFFFFF">texte</font> Couleur de la police #FFFFFF" = blanc
<font face="Arial" >texte</font> Police utilisée
<center>texte, images</center> Centrer du texte, des images...
<div align=right>texte</div> Aligne à droite
<div align=center>texte</div> Aligne au centre
<div align=left>texte</div> Aligne à gauche
<div align=justify>texte</div> Justifié



Haut de la page



    Les tableaux

<table width="85%" align="center" border="2" bordercolor="#00FFFF">
<tr>
<td>1ère colonne - 1ère ligne</td>

<td>2ième colonne - 1ère ligne</td>

<td>3ième colonne - 1ère ligne</td>
</tr>
<tr>
<td>1ère colonne - 2ième ligne</td>

<td>2ième colonne - 2ième ligne</td>

<td>3ième colonne - 2ième ligne</td>
</tr>
<tr>
<td>1ère colonne - 3ième ligne</td>

<td>2ième colonne - 3ième ligne</td>

<td>3ième colonne - 3ième ligne</td>
</tr>
</table>
    Voici le résultat de ce tableau simple
1ère colonne - 1ère ligne 2ième colonne - 1ère ligne 3ième colonne - 1ère ligne
1ère colonne - 2ième ligne 2ième colonne - 2ième ligne 3ième colonne - 2ième ligne
1ère colonne - 3ième ligne 2ième colonne - 3ième ligne 3ième colonne - 3ième ligne




Haut de la page



    Les Cadres


<html>

<frameset rows="100,*">

<frame src="contenu1.html"></frame>

<frameset cols="200,200,*">

<frame src="contenu2.html"></frame>
<frame src="contenu3.html"></frame>
<frame src="contenu4.html"></frame>

</frameset>

</frameset>

</html>



Haut de la page



    Les liens hypertext
<a href="http//:www.liens.com"> Le lien </a> Lien hypertexte
<a name="test">vershaut</a><a href="#test">haut</a> Lien interne dans la page

Exemple :

<a href="http://pages.infinit.net/yChez Chez GABOUry"> Chez Chez GABOU </a>
Un lien vers Chez Chez GABOU
<a href="mailto:chezChez Chez GABOU@hotmail.com"> Yves Chez Chez GABOUry </a> Lien vers une adresse email



Haut de la page



    Les images
<img src="fichier.gif"alt="nom image"><img> Insérer une image
<bodybackground="fond.gif"> Mettre un fond d'écran (Insérer dans la balise body)
    TROUVER DES IMAGES, FONDS D'ÉCRAN, GIFS ANIMÉS, ECT...


GoGraph

A1ClipArt

GifLand

GifManiac

Webgif



Haut de la page



    Les Listes
<ul>
<li>un</li>
<li>deux</li>
<ul>
<li>trois</li>
<li>quatre</li>
<ul>
<li>cinq</li>
<li>six</li>
</ul>
<li>sept</li>
<li>huit</li>
</ul>
<li>neuf</li>
<li>dix</li>
</ul>

    Voici le résultat
  • un
  • deux
    • trois
    • quatre
      • cinq
      • six
    • sept
    • huit
  • neuf
  • dix

On peut choisir le type de puce :

<ultype="disk">
  • disk
<ultype="circle">
  • circle
<ultype="square">
  • square
<ultype="1">
  • Chiffre
  • Chiffre
<ultype="I">
  • Chiffre Romain
  • Chiffre Romain
<ultype="A">
  • Lettre
  • Lettre


Haut de la page



    Les formulaires
<form action="mailto:nom@nom.com"method="post">

Inscrivez votre nom : <input type="text" name="nom" size="50" maxlenght="200"></input>
<br /><br />

Question1 ?
<br /><br />
<input type="radio" name="animal" value="reponse1">Réponse1</imput>
<br />
<input type="radio" name="animal" value="reponse2">Réponse2</imput>
<br /><br />

Question2 ?
<br /><br />
<br />
<input type="checkbox" name="question2" value="reponse1">Réponse1</imput>
<br />
<input type="checkbox" name="question2" value="reponse2">Réponse2</imput>
<br /><br />

Question3 ?
<br /><br />
<select size="1" >
<option name="nom" value"reponse1">Réponse1</option>
<option name="nom" value"reponse2">Réponse2</option>
<option name="nom" value"reponse3">Réponse3</option>
<option name="nom" value"reponse4">Réponse4</option>
</select>

<br /><br />

Question4 ?
<br /><br />
<select size="3" multiple="multiple">
<option>Réponse1</option>
<option>Réponse</option>
<option>Réponse</option>
<option>Réponse</option>
</select>

<br /><br />

Commentaires

<br /><br />

<textarea cols="50" rows="10" name="commentaire">
</textarea>
<br /><br />
<br /><br />

<input type="submit" value="Envoyez votre formulaire"></input>
<input type="reset" value="Effacez et recommencez"></input>
</form>

    Voici le résultat

Inscrivez votre nom :

Question1 ?

Réponse1
Réponse2

Question2 ?

Réponse1
Réponse2

Question3 ?



Question4 ?




Commentaires






Haut de la page



    Caractères spéciaux

à &agrave; ou &#224;
è &egrave; ou &#232;
é &eacute; ou &#233;
& &amp; ou &#38;
# &#35;
&nbsp; espace




Haut de la page



    16 COULEURS DE BASE


#000000 #C0C0C0 #808080 #FFFFFF
#3C6D8D #0000FF #800080 #FF00FF
#008000 #00FF00 #008080 #00FFFF
#800000 #FF0000 #808000 #FFFF00




Haut de la page



    METTRE VOTRE PAGE EN LIGNE

Vous devez utiliser un logiciel FTP (FTP Expert, Cute FTP) pour vous connecter sur le ftp de votre hébergeur. il vous faut l'adresse ftp de ce dernier, ainsi que nom d'usager et du mot de passe que vous avez donné lors de votre inscription. Une fois connecté, vous sélectionner les fichiers que vous souhaitez transférer (à gauche en général) et cliquez sur une flèche pour envoyer vos données (fichiers HTML, images, etc.) sur votre site.

Cliquez ici
pour vous connectez directement sur votre site en FTP

Aide supplémentaire pour le FTP  ici



Haut de la page



    HÉBERGEMENT


Francité
Tripod

Multimania
Chez.com
Fortunecity





Haut de la page



    QUELQUES SITES DE RÉFÉRENCES
    QUELQUES SITES DE JAVASCRIPT


Haut de la page





Si il y a des liens qui ne fonctionnent pas S.V.P. dite le moi, merci

[ Avant de partir Signez mon Livre d'Invités ! Merci ]


webmestre : Yves Gaboury