|
Bases
du HTML :
Première étape : balises html, head,
body... Etapes
4 et 5
Liens, images et tableaux Etape
6 et fin
Fusionner lignes et colonnes d'un tableau. Des
nouvelles du site ?
|
Cherchez
sur le site ou sur le web grâce au moteur de recherche Google
|
|
Etape
4 :
Copiez, dans le dossier de votre site, une image (par exemple monimage.jpg),
et enregistrez une autre page HTML (par exemple mapage-2.html). Copier
dans le body de mapage.html:
<a
href="mapage-2.html" target="_blank">
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
Lien image
et texte vers ma page 2 dans une nouvelle fenêtre
</a> |
La
balise <a> fait un lien, qui pointe vers le href. La target indique la cible
du lien, qui peut être une nouvelle fenêtre (target="_blank"),
une page en frame (target="nom_de_la_frame"), la même fenêtre
sans frame (target="_parent")... Par défaut, la page en lien
s"ouvre dans la même fenêtre.
La balise <img> appelle
une image. La balise ne se ferme pas. Etape
5 :
On va créer un tableau pour améliorer la mise en page. Copier
dans le body :
<table
border="2" width="80%" bgcolor="#CCCCFF">
<tr
valign="top">
<td>
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
</td>
<td
align="right">
Mon texte<br />
Sur la colone<br />
de
droite en haut<br />
aligné à droite
</td>
</tr>
<tr
valign="top">
<td align="center">
Mon texte<br
/>
Sur la colone<br />
de gauche en bas<br />
Centrer
dans la colone
</td>
<td>
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
</td>
</tr>
</table> |
Le
tableau s'ouvre avec une balise <table> , puis, on crée une ligne
avec la balise <tr> qui sera divisée en colonne avec des balises
<td> . Le nombre de colonnes est volontairement le même sur les deux
lignes pour cet exemple simple.
Suite
des bases du HTML : Etape 6 et fin |
Hébèrgement
et outils de création :
Pour inspirer votre création, découvrez et téléchargez
un Kit Graphique | 
|