Image 1
Web development

Tutoriel du HTML (partie 4)

Pour créer des page Web en HTML.

As-tu aimé cet article ? Enregistrer

Image 1Les liens hypertext :
Pour passer d’une page à une autre en cliquant sur un texte ou une image. Il faut insérer la ligne :
Voici un lien vers la page 2
ou pour une image :

Si on veut se rediriger sur un autre site et non sur une page, on doit écrire :
Voici un lien vers le site FRANCE-JEUNES.net
Si on veut se rediriger sur une adresse E-Mail, on doit écrire :
Voici un lien vers mon adresse E-Mail

On peut ajouter le paramètre “Target” pour définir l’endroit où l’on renvoit le lien :
(www.france-jeunes.net)

Target=”_blank” renvoi le lien dans une nouvelle fenêtre.
Target=”_self” renvoi le lien dans le même cadre que le lien.
Target=”_parent” renvoi le lien dans le cadre de second niveau suivant.
Target=”_top” renvoi le lien dans le cadre de premier niveau.

Les ancrages :
Il ne sont pas visibles, ils sont utilisés lorsque l’on veut aller par exemple du bas vers le haut de la page.
Ex :
La ligne : est placée en haut de la page.
Laligne : Remonter en haut de la pageest placée en bas de la page.
Lorsque vous cliquez sur ‘Remonter en haut de la page’ vous vous retrouvez en haut de la page.

Les tableaux :
On utilise les balises


Les balises sont utilisées pour mettre un titre à votre tableau. On utilise le paramètre “align=top” pour le mettre en haut et “align=bottom” pour le mettre en bas (). Ces balises sont placées juste après et juste avant . Elles ne sont pas obligatoires.
* un tableau 2x1 *
* un tableau 2x2 *
* Sans aucun paramètre, la couleur de fond est transparente, les bordures sont invisibles, la taille des tableaux est automatique, c'est-à-dire qu'elle s'ajuste en fonction du contenu du tableau. Pour paramètrer la taille des bordures, il faut rajouter le paramètre : 'Border=' () Ce paramètre peut aller de 0 à 5, si l'on veut une bordure plus épaisse. Pour paramètrer la couleur de fond : Pour un tableau entier :
Pour une seule case : Pour paramètrer la couleur des bordures : (reconue que par IEXPLORER) Pour mettre une image de fond, même principe, on remplace bgcolor="#000000" par Background="chemindevotreimage.gif" Pour paramètrer la taille : Pour un tableau entier : *
* Pour une seule case : ** Pour paramétrer l'espacement des cadres d'un tableau : ** (paramètre de 0 à 5) Pour paramétrer le remplissage des cadres d'un tableau : *
* (paramètre de 0 à 5) Si vous avez un texte long dans un tableau et que vous ne voulez pas qu'il retourne à la ligne, vous pouvez écrire : **. Note : On peut remplacer les pourcentage par des nombres de pixels : Width=100 mais celà posera des problèmes esthétiques pour des résolutions d'écran différantes de la vôtre. Imaginez que vous êtes en 640/480 et que vous faites un tableau de largeur 400 pixels celà fait 62,5% de votre écran... pas de problème. Mais si quelqu'un qui visite votre site a une résolution d'écran de 1600/1200, celà fait 25% de son écran... un peut plus petit que ce que vous aviez prévu ! Pour avoir un tableau où la première case en haut à gauche s'étend sur deux cases, on donne le paramètre : **. Vous pouvez faire la même chose avec les colonnes : **. Il est possible d'insérer un ou plusieurs tableaux dans un autre. Les tableaux sont des éléments très intéressants pour la pagination, en particulier pour les paramètres d'alignement, vous pouvez y mettre des images, des listes, ou du texte. Ex : pour afficher : Texte à gauche Texte au centre Texte à droite *

Texte à gauche

Texte au centre

Texte à droite

*
As-tu aimé cet article ? Enregistrer
zippy
9 articles 0 abonnés

Commentaires (1)

Connexion pour laisser un commentaire.

Chargement des commentaires...

Articles similaires