Tables, applications

Tutoriaux, Sommaire Html

1. Cornet
 
   

Nous allons créer la table suivante :

Cornet : n.m. (de corne).
Petite trompe rustique. Anat. Lamelle osseuse du nez : Cornet acoustique.v.Acoustique. Papier roulé : cornet à tabac
Cornet à pistons. Instrument de musique, en cuivre, auquel est adaptés des pistons

    Créer dans la forme suivante,
        cette table comprend une ligne et deux cellules,
        la dimension de la table est 100%
        première cellule, 80%,  couleur #FF8000
        deuxième cellule, 20%, couleur #FFFF80
        l'image est "images/cornet.gif" hauteur 58, largeur 100
       Corrigé
       Remarques

Code de la page:

     

2. Galerie
     Les tables permettent d'afficher du texte sur un fond différend du fond de page, pour créer un effet de bannière,
    dans la forme ci-dessous, donnez à la page le fond "Textures/florenti.jpg",
    créer une table avec une seule cellule, donnez lui en fond, (de la table),  la texture, "Textures/PatchW.jpg"
    Ecrire dans la cellule "Art Gallery", taille +4
    Centrer la table
    Corrigé.
   Exercice, essayer d'autres fonds présent dans "Textures"
Code de la page:

     

    Exercice, (les couleurs sont extraites de la palette alternative),
        Créez une table 4 lignes 2 colonnes positionnée 2 à 3 lignes en dessous du titre, fond couleur #236B8E, (Steel Blue), couleur des textes #D9D919, (Bright Gold), largeur de la table 80%,
        Dans la première ligne, fusionner les deux cellules, écrivez "Cliquez sur l'image", taille +3,
        Deuxième ligne, Cellule 1, insérez l'image "PagesExemples/images/Chapelico.jpg",
        Deuxième ligne, Cellule 2, écrivez "Chapelle", taille +3, 
        Troisième ligne, Cellule 1, insérez l'image "PagesExemples/images/rideauico.jpg",
        Troisième ligne, Cellule 2, écrivez "Chambre avec miroir", taille +3,
        Quatrième ligne, fusionner les deux cellules, écrivez
"Dessiné avec ", en blanc, taille  +0, "nom d'un soft de dessin", couleur #FF7F00, (Orange), taille  +0,
       Aligné à votre convenance les images et les textes,
        Mettre l'espace entre cellules à 0,
        Régler l'espace entre le bord des cellules et leur contenu à votre convenance,
        Nous ne mettrons pas les liens vers les pages puisque nous n'avons pas vus ces tags.
    Corrigé

Sommaire
Précédent Suivant