Lien, Image et titre
Bienvenue dans la suite du tuto, maintenant, nous allons apprendre à afficher des images, affichezr des images et titres!. Toutes les balises cités ici, sont à placer entre les balise <body>
Comment fait-on pour créer un lien?
On créer un lien grâce à la balise <a>. Cette balise est une paire, mais en plus elle à besoin d'argument!
Votre balise ressemble donc à ceci
- Code: Tout sélectionner
<a nomdelargument="argument"></a>
Mais bon, la balise est:
- Code: Tout sélectionner
<a href="http://www.monsitegratuit.com/" >Mon site gratuit</a>
Vous verrez ensuite de nouveau argument. L'argument href permet de pointer l'adresse que vous voulez!
Exemple:
- Code: Tout sélectionner
<a href="http://www.monsitegratuit.com/" >Site</a>
<a href="http://www.monsitegratuit.com/forum" >Forum</a>
Une balise essentielle BR!
Si il y à bien une balise que j'utilise le plus souvent, c'est celle là . Donc voila, vous êtes dans un texte comme celui ci:
- Code: Tout sélectionner
<p>Bonjour, je suis un tuto qui t'apprend le xhtml!</p>
Mais voila, on voudrais que après le "bonjour," il y ait un saut à la ligne. Donc, on va tester un simple saut à la ligne.
- Code: Tout sélectionner
<p>Bonjour,
je suis un tuto qui t'apprend le xhtml!</p>
Zut, zut et zut, sa fonctionne pas, de toute façon sa ne m'étonne pas. SI on veut parlé de la balise <br />, il y à des raisons! Et oui, cette balise permet le saut à la ligne:
- Code: Tout sélectionner
<p>Bonjour,<br /> je suis un tuto qui t'apprend le xhtml!</p>
Comment fait-on pour afficher une image?
Tout d'abord, on affiche pas n'importe qu'elle image, les image doit être léger, et de l'un de ces format (de préférence) jpg, png et gif.(le BMP est à bannir! trop lourd...). L'image dois être aussi hébergée par un serveur.
On affiche une image grâce à la balise <img />, évidemment, sans arguments, sa risque de ne pas fonctionner!
- Code: Tout sélectionner
<img src="http://www.google.fr/intl/fr_fr/images/logo.gif" alt="google" />
Bon, alors ici, 2 nouveau venue, l'argument src, qui lui permet de connaitre l'adresse de l'image, et aussi alt qui permet au passage de la sourie, une infobulle.
Nous allons fusionné la balise <a> et la balise <img/>, une idée?
Caché (cliquez pour afficher)
Les titres de paragraphe
Ici, aucune explication, seulement de la pratique, tester ce code
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Ma premiere page xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Un titre avec h1</h1>
<h2>Un titre avec h2</h2>
<h3>Un titre avec h3</h3>
</body>
</html>
Le prochain cours traitera les tableau!
