Le HTML est un langage de balisage, de description utilisé pour créer et afficher des pages web dont l'extention est généralement .htm ou .html
A l'origine seuls les éditeurs de textes (wordpad, bloc note) étaient utilisables pour coder : on saisissait directement le code à la main
Maintenant de nombreux outils ont été créés, des éditeurs WYSIWYG (What You See Is What You Get) comme DreamWeaver, qui facilitent l'intégrations des objets et gènèrent automatiquement le code. Les logiciels ne faisant pas tout ce que l'on désire, il est parfois (voire régulièrement) nécessaire de se plonger dans le code pour bidouiller ci et là les trucs qui nous embêtent !
B.A.BA
Une page est composée de balises, qui sont encadrées par les signes < et >
On détermine le début et la fin de l'instruction par une balise d'ouverture et une balise de fermeture (sauf cas particuliers). Les balises ne doivent pas se chevaucher.
Une page est nécessairement composée des balises suivantes : html, head et body
| CODE |
|
<html>
<head>
</head>
<body>
</body>
</html>
|
La balise html servent à indiquer le language utilisé.
La balise head renferme des informations qui ne s'affichent pas dans le document, telles que les méta pour le référencement, le titre de la page, les fichiers joints (css, js...)
La balise body renferme tout le contenu de la page
[size=18]Enrichir le texte
C'est principalement la balise Font qui va permettre de changer l'apparence du texte. Il faut la compléter avec des attributs et leur donner une valeur
| CODE |
| <font face="verdana, arial" size="2" color="#FF9933">Mon texte ici</font> |
D'autres balises permettent de mettre le texte en gras ou en italique
| CODE |
| <b>voici du texte<i> moitier moitier</i></b> |
[size=18]Sauts de ligne
Il existe deux sortes de sauts : un retour à la ligne ou un saut de paragraphe
Le premier est codé comme ceci
et s'affichera comme ceci [quote]blabla
blabla[/quote] Il n'y a pas de fin de balise br
Le deuxième
[quote]gazou
gazou[/quote]
On peut placer des paramètres dans la balise P comme l'alignement
| CODE |
| <p align="center">blabla</p> |
dans ce cas il est impératif de refermer la balise P...
Les liens
La structure classique d'un lien HTML est la suivante :
| CODE |
| <a href="page.htm">Cliquer ici</a> |
Par défaut la page appelée s'ouvre dans la fenêtre ou le cadre en cours.
Pour modifier la cible, il faut spécifier le target
| CODE |
| <a href="page.htm" target="_blank">Ouvre la page dans une nouvelle fenêtre</a> |
| CODE |
| <a href="page.htm" target="_parent">remplace le jeu de cadre par la page appelée</a> |
| CODE |
| <a href="page.htm" target="nom_du_cadre">Ouvre la page dans la frame spécifiée</a> |
Il y a plusieurs sorte de liens :
- lien sur une page du site "page.htm"
- lien à un endroit particulier d'une page du site (ancre) "#nom_ancre"
- lien vers un autre site "http://dream.media-box.net"
- lien vers un ftp "ftp://login:pass@ftp.bidule.com"
- lien vers un document s'ouvrant dans le navigateur (suivant plu-in, logiciels et paramétrage de la machine client) "document.pdf"
- lien vers une image "image.jpg"
- lien pour envoie d'e-mail à une adresse spécifique (si un client mail est paramétré sur la machine...) "mailto:bibi@chocolat.com"
- lien pour téléchargement "dossier.zip"
- lien vers une fonction javascript "javascript:mafonction()"
ect...
img:coupe img:remarque A voir également :