Skip to content

Astuces en html

Il est possible d’éditer directement le html des articles à publier. Voilà donc quelques astuces pour faire des choses un peu plus complexes qu’en mode visuel.

Les liens

La base est de poser une balise <a></a> autour d’un mot. On peut ajouter comme attribut :
-un nom : name=toto
-un lien : lien absolu : href=http://perdu.com ou relatif : href=images/image.jpg ou un endroit précis de la page : href=#toto
ainsi <a href=#ref>voir ici</a> ammènera à <a name=ref>bien joué !</a>

voir ici
………..
bien joué !

Les tableaux

Un tableau en html se gère par le code barbare suivant :
<table>
<tr>
—-<td>Ligne 1 Case 1</td>
—-<td>Ligne 1 Case 2</td>
</tr>
<tr>
—-<td>Ligne 2 Case 1</td>
—-<td>Ligne 2 Case 2</td>
</tr>
</table>

A la balise <table> on peut ajouter les attributs :
border=0 (pour le rendre invisible)
width=80% ou width=400 (pour paramétrer sa taille)
align=center (pour centrer le tableau)
A la balise <td> on peut ajouter les attributs :
width=20% ou width=100 (pour paramétrer sa taille)
bgcolor=#123456 (pour paramétrer la couleur de la case)
Attention, les paramétrages de tailles sont constants d’une ligne à l’autre. Pour faire des trucs encore plus complexes, je vous invite à regarder l’utilisation de colspan et rowspan.

Ainsi le code
<table border=2 width=80% align=center>
<tr>
<td width=150>Ligne 1 Case 1</td>
<td bgcolor=#FF0000>Ligne 1 Case 2</td>
</tr>
<tr>
<td>Ligne 2 Case 1</td>
<td>Ligne 2 Case 2</td>
</tr>
</table>
donnera :

Ligne 1 Case 1 Ligne 1 Case 2
Ligne 2 Case 1 Ligne 2 Case 2

Autres

Les barres verticales :
<hr> donne :


No comments yet

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :