quelques bases du HTML

[Admin]

1)pour mettre du texte sur un lien comme ca :portail

Code:

<a href="L'adresse URL de ton choix">Ton texte</a>

2)pour le texte colorer

Code:

<font color="Le nom d'une couleur ou le code">Ton texte</font>

quelques sites ou on trouve le code et le nom des couleurs :
site 1
site2
site 3
site 4

3)pour mettre une image sur un lien comme ca :
cliquer sur la photo

Code:

<a href="ton lien"><img src="URL de l image"></a>

4) texte
gras

Code:

<b>ton texte</b>

souligner

Code:

<u>ton texte</u>

italique

Code:

<i>ton texte</i>

on peut combiner ces codes de cette maniere

Code:

<i><u><b>gras,souligner,italique</b></u></i>

5) pour aligner son texte au centre a gauche et a droite :

AU CENTRE

Code:

<div align="center">Ton texte</div>

A GAUCHE(ps:ca sert a rien il s alligne automatiquement a gauche)

Code:

<div align="left">Ton texte</div>

A DROITE

Code:

<div align="right">Ton texte</div>

[Admin]

6)Les tableaux sont très utiles.
Les tableaux sont souvent utilisés pour la mise en page :

Code:

<table width="400" align="center" border="1">
  <tr>
    <td width="50%">1.1</td>
    <td width="50%">1.2</td>
  </tr>
  <tr>
    <td>2.1</td>
    <td>2.2</td>
  </tr>
</table>

resultat:

1.1	1.2
2.1	2.2

7)on peut le modifier avec plusieurs code differents :

border : Epaisseur des bordures .
bgcolor : Couleur du fond .
bordercolor : Couleur des bordures du tableau .
cellpadding : Espace entre le texte et une cellule .
cellspacing : Espace entre les cellules .
width : Largeur du tableau .
height : Hauteur du tableau .
align : Alignement du tableau .

de cette facon la :

Code:

<table border="2" cellpadding="10" cellspacing="20" bgcolor="#FFFFD2" bordercolor="red" width="400" height="100" align="center">
  <tr>
    <td>1.1</td>
    <td>1.2</td>
  </tr>
</table>

Résultat :

1.1

1.2

8)le voila un peut modifier pour vous montrer mais on peut changer les couleur et rajouter autant de colonne qu on as de place et de chose a mettre dedans.

de cette facon la :

Code:

<table border="3" cellpadding="3" cellspacing="5" bgcolor="blue" bordercolor="red" width="400" height="100" align="center">
  <tr>
    <td>1.1</td>
    <td>1.2</td>
    <td>1.3</td>
    <td>1.4</td>
  <tr>
    <td>2.1</td>
    <td>2.2</td>
    <td>2.3</td>
    <td>2.4</td>
  </tr>
</table>

Résultat :

1.1	1.2	1.3	1.4
2.1	2.2	2.3	2.4

9)voila comment rassembler des colonnes .

Code:

inserer la balise : <td colspan="3"> Fusionne 3 colonnes </td>

Code:

<table border="3" cellpadding="3" cellspacing="5" bgcolor="blue" bordercolor="red" width="400" height="100" align="center">
  <tr>
    <td colspan="3">fusion des 3 colonnes</td></tr>
  <tr>
    <td>1.1</td>
    <td>2.1</td>
    <td>3.1</td>
  </tr>
  <tr>
      <td>1.2</td>
      <td>2.2</td>
      <td>3.2</td>
  </tr>
</table>

Résultat :

fusion des 3 colonnes
1.1	2.1	3.1
1.2	2.2	3.2

10)voila comment rassembler des lignes .

Code:

inserer la balise : <td rowspan="2"> Fusionne 2 lignes </td>

Code:

<table border="3" cellpadding="3" cellspacing="5" bgcolor="blue" bordercolor="red" width="400" height="100" align="center">
  <tr>
    <td rowspan="2">Fusion de 2 lignes</td>
    <td>1.1</td>
  </tr><tr>
    <td>1.2</td>
  </tr>
</table>

Résultat :

Fusion de 2 lignes	1.1
	1.2

11)un tableau avec des ombres .

Code:

Ombrages : <table bodercolordark="green" bordercolorlight="yellow">

Code:

<table border="5" cellpadding="10" cellspacing="10" bordercolordark="green" bordercolorlight="yellow">
  <tr>
    <td rowspan="2">Fusion de 2 lignes</td>
    <td>1.1</td>
  </tr>
  <tr>
    <td>1.2</td>
    </tr>
</table>

Résultat :

Fusion de 2 lignes	1.1
	1.2

12)

Code:

-Un tableau s'obtient avec :  <table> </table>
-Une ligne est balisée avec : <tr>  </tr>
-Chaque donnée est entre : <td>  </td> ou <th> </th> pour les en-têtes
-Les bordures s'obtiennent avec :  <table> </table> Par défaut c'est NoBorder qui est actif
-pour dimensionner le cadre : <table>  </table>
-Le quadrillage est contrôlé par : <table>  </table> 

-dimensions d'un tableau avec :
 <table> Dimensions relatives en % de l'espace.
 <table> Dimensions absolues en pixels 

-d'une cellule avec :
 <td> Dimensions relatives en % de l'espace.
 <td> Dimensions absolues en pixels