[TUTO]Le Html

Salut !
j'ai eu l'idée de vous faire apprendre les bases du HTML !

On doit marqué:

Code:

<a href="L'adresse URL sans espace de ton choix">Ton texte</a>

2) Lorsque l'on veut retourné a la ligne on met:

Code:

<br>

Mais le forum vous le met automatiquement !
3) Pour changé la couleur d'un texte:

Code:

<font color="Le nom d'une couleur en ENGLAIS">Ton texte</font>


Les couleurs:
red
orange
brown
darkred
yellow
grenn
blue
darkblue
white
black
4) Pour mettre du texte qui défile a l'horizontale:

Code:

<marquee>Ton texte !</marquee>

5)pour mettre une image:

Code:

<img src="URL de l'image">

6) Tu peut aussi mettre un lien sur une image:

Code:

<a href="ton lien"><img src="ton URL"></a>

7) Les textes spéciaux:
Gras=

Code:

<b>ton texte</b>

Italique=

Code:

<i>ton texte</i>


Souligné

Code:

<u>ton texte</u>

vous en avez aussi plein d'autre:
<s>Barré</s>
<big>Gros</big>
<small>petit</small>
……
vous pourrez aussi en assembler plusieurs:
<i><u>souligné et en italique !</u></i>
<i><b>en gras et italique</b></i>
……
……
texte aligné:
centré:

Code:

<div align="center">Ton texte</div>

Droite:

Code:

<div align="center">Ton texte</div>

Gauche:

Code:

<div align="rignt">Ton texte</div>

8] Un formulaire:
pour que le formulaire soit envoyé a ton e-mail tu dois mettre:

Code:

<form action="mailto:ton-e-mail" method="POST">

ensuite tu as plusieur choix:
-un saisie de texte:

Code:

<input type="texte" name="nomketuveu" value="texte ki apparaitra par défaut !">

-un bouton radio (pour choisir si tu est madame, monsieurs… par exemple !!)

Code:

<input type="radio" name="nomketuveu" value="madame par exemple">Madame
(ensuite c mieu den mettre un otre non ?)
<input type="radio" name="exactement le même nom ke lotre !" value="monsieurs">Monsieurs
……
……
……

-des bouton checkbox (pour dire les loisirs par exemple !!)

Code:

<input type="checkbox" name="kometuveu" value="sport par exemple">Sport
…… ect tu continu comme sa autant que tu veux !
mais surtout tu mets tout le temps le même nom sauf si tu changes de catégorie !

-Les listes déroulantes:

Code:

<select type="maplist">
<option>bidulechouette</option>
<option>machinchouette</option>
…… …… ……
</select>

-Le bouton envoyer:

Code:

<input type="submit" name="cometuveu" value="envoie">

-Le bouton annuler:

Code:

<input type="reset" name="cometuveu" value="annullez !">

voila vous refermez votre formulaire:

Code:

</form>

et sa devrai vous donnez un truc kome sa: (exemple)

Code:

<form action="mailto:Une adresse e-mail" method="POST">
<input type="texte" name="pseudo" value="Votre pseudo"><br>
Votre sexe:<br>
<input type="radio" name="sexe" value="madame">Madame<br>
<input type="radio" name="sexe" value="monsieur">Monsieurs<br>
Vous payez par:<br>
<input type="checkbox" name="paiment" value="cheque">Chèque ?<br>
<input type="checkbox" name="paiment" value="cartebleu">Carte Bleu ?<br>
<input type="checkbox" name="paiment" value="Likid">En liquide ?<br>
combien de fois par jour ?<br>
<select type="maplist">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select><br>
<input type="submit" name="ok" value="envoyez-le">
</form>

Voila !
si jamais un jour on y répond un e-mail bizarre vous sera envoyé !
si c'est le cas dites le moi et je vous Traduit !
9) Les tableau:

Code:

<table border="3">

indique qu'il y a un tableau avec une bordure de 3 Pixels
Ensuite:

Code:

<tr>

indique qu'il y a une ligne !
ensuite:

Code:

<td>

Indique qu'il y a une colonne !
et après vous les refermé !

Code:

</td></tr></table>

Vous venez de créer un tableau d'une ligne et d'une colonne !
vous pouvez bien entendu rajoutez des lignes et des colonnes:
exemple:

Code:

<table border="3">
<tr><td>Objets:</td><td>Tarif:</td></tr>
<tr><td>Boule de cristale</td><td>20 €</td></tr>
… … … … …
</table>

10) Le son:

Code:

<bgsound src="URL">

Pour mettre du son avec une bande comme dans quick time par exemple

Code:

<embed src="URL">

et voila, y'avait un peu plus que des bases là lol

Bien que ce soit interessant, pour la mise en page du texte, il vaut mieux utiliser les CSS, ce n'est pas difficile a faire et surtout beaucoup plus facile a gerer, pour mettre en gras, en couleur, pour la police, taille du texte, alignement, etc

oui, c'est vrai qu'après ça sert beaucoup, mais le HTML c'est pas mal, perso je l'utilise + que les feuilles CSS

Mais avec les CSS tu peux changer très facilement toute la mise en page de ton texte, depuis un seul fichier

Bon après c'est une question d'habitude!

Je suis tout à fait d'accord avec toi Graphix.
J'ai commencé à reformater tout le site avec un fichier CSS.

C'est bien plus simple pour créer rapidement de nombreuses pages pages.

La gestion est vraiment facile et la prise en main aussi ! Ca vaut la peine de s'y mettre

C'est vrais que ca permet d'uniformiser le site pour les couleurs, police, .. sans se casser la tete!