Bienvenue dans la partie html du forum :D
Tout d'abord, sa sert a quoi?
l'html (Hypertext Markup Language) est le format de données conçu pour représenter les pages web. C'est un langage de balisage qui permet d'écrire de l'hypertexte, d’où son nom ^^. Il permet en quelques sorte de créer un site web. Mais attention ! l'html ne suffit pas a créer un beau site web :D. Il faut utiliser le PHP et Mysql pour faire un forum, espace membre, sécurité des pages.... Mais l'html peut suffire a une personne pour commencer son site web.
/!\ Ce post-it ne permet pas d'apprendre l'html, mais a le découvrir. /!\La basile html: - Code:
-
<html>.....</html>
Cette balise sert a déclarer que la page contient de l'html.
Par contre, quand on ouvres la balise <html> il faut la refermer a la fin du code en mettant un " / " ce qui donne </html>
La balise title: - Code:
-
<title>......</title>
Cette balise sert a nommer le nom de l'onglet. Par exemple, quand on ouvres une page avec avec google. le nom de l'onglet s'appelle google.
Pour l'utiliser, il faut mettre <title> le nom de l'onglet </title> et sa, juste après la balise <html> sinon, elle ne marche pas :/
La balise body: - Code:
-
<body>.....</body>
Cette balise sert à mettre le code html (mettre un texte en gras par exemple). Pour l'utiliser, il faut mettre <body>Tout ton code</body> en la refermant avec un " / "
Pour le moment, nos balises doivent être comme sa:
- Code:
-
<html>
<title>Tutos de NoNoViTcH -Html </title>
<body>
Ton code html pour mettre en gras....
</body>
</html>
Vous pouvez essayer en créant un fichier texte. Puis, en mettant le code.
A l'
enregistrer sous. Mettez lui un nom quelconque, puis rajoutez " .html " a la fin du nom
En dessous(a type), au lieu qu'il y est "
fichier texte (*.txt ), mettez "
tous les fichiers " (en cliquant dessus).
Ensuite, un nouveau fichier se créer, puis cliquez dessus.
La balise pour afficher une image: - Code:
-
<img src="lien de ton image hébergé ">
Cette balise permet d'afficher une image. Pour l'utiliser il suffit de remplacer " lien de ton image hébergé " par le lien de l'image. ( on ne peux pas pour le .swf (format) ). Elle se place entre les balises <body>
Les balises pour mettre un mot/phrase/texte:en gras: - Code:
-
<b>ton mot/phrase/texte</b>
A placer entre les balises <body>
souligné: - Code:
-
<u> ton mot/phrase/texte</u>
A placer entre les balises <body>
barré: - Code:
-
<strike>ton mot/phrase/texte</strike>
A placer entre les balises <body>
centrer: - Code:
-
<center>ton mot/phrase/texte</center>
A placer entre les balises <body>
Definition: - Code:
-
<dfn>ton mot/phrase/texte</dfn>
Clignoter: - Code:
-
<blink>ton mot/phrase/texte</blink>
citation: - Code:
-
<cite>ton mot/phrase/texte</cite>
Aller a la ligne/sauter des lignes - Code:
-
<br>
Cette balise permet d'aller a la ligne. Si on l'écris plusieurs fois, on saute des lignes. ex:
tutos par NoNoViTcH<br> // La je vais a la ligne
tutos par NoNoViTcH<br><br> // La je saute une ligne
Les couleurs:Rouge:
- Code:
-
<FONT COLOR="#FF0000">rouge</FONT>
bleu:
- Code:
-
<FONT COLOR="#0000FF">bleu</FONT>
vert:
- Code:
-
<FONT COLOR="#00FF00">vert</FONT>
noir:
- Code:
-
<FONT COLOR="#000000">noir</FONT>
blanc:
- Code:
-
<FONT COLOR="#FFFFFF">blanc</FONT>
cyan:
- Code:
-
<FONT COLOR="#00FFFF">cyan</FONT>
jaune:
- Code:
-
<FONT COLOR="#FFFF00">jaune</FONT>
magenta:
<FONT COLOR="#FF00FF">magenta</FONT>
orange:
- Code:
-
<FONT COLOR="#FF8000">orange</FONT>
Vous voulez d'autres couleurs?
allez sur ce site:
http://www.web-infotek.com/sections.php?op=viewarticle&artid=41copiez (clic droit/copier) le code du style #FFFFF puis mettez le a la place du code qui est en gras:
- Code:
-
<FONT COLOR="[b]#FF8000[/b]">orange</FONT>
Afficher un arrière plan:1
- Code:
-
<BODY BGCOLOR="#$$$$$$">
A placer entre les balises <body>. Remplacer $$$$$$ par le code couleur 'ex: #FFFFF
2
- Code:
-
<BODY BACKGROUND="URL">
A placer entre les balises <body>. Remplacer URL par le lien de l'image hébergé. (qui sera en arrière plan)
Afficher un champ texte: - Code:
-
<input type="text" name="nom" size="10">
Cette balise permet d'afficher un endroit ou l'on peut ecrire un mot/phrase/texte. A placer entre les balises <body>
Afficher un bouton: - Code:
-
<input type="button" value="Nom du bouton">
Voila, mise a jour régulière.
Sur le forum, on ne peut pas mettre d'html, il est désactiver ! Donc sa ne sert a rien d'essayer.
Vous avez des problèmes, commentaires...... a faire?
C'est sur ce post-it !
Remonta'j accepté !Bon courage,