Scribd Logo
Importer

Bienvenue sur Scribd !

  • 38 vues

    Chapitre1 HTML - Cours 05

    Transféré par

    Salina Mano

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Chapitre1 HTML - Cours 05

    Transféré par

    Salina Mano
    38 vues6 pages

    Titre original

    Chapitre1 HTML- Cours 05

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format docx, pdf ou txt
    38 vues6 pages

    Chapitre1 HTML - Cours 05

    Transféré par

    Salina Mano

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format docx, pdf ou txt
    sur 6

    Cours 05 : Les tableaux

    1- Définition :
    Un tableau en html est délimité par la balise <table>. Le contenu d'un tableau HTML est
    généré horizontalement. C'est-à-dire qu'il n'est pas créé colonne par colonne mais ligne par
    ligne. Pour créer un tableau, nous commençons par créer des lignes grâces aux balises <tr>.
    Puis nous insérons dans ces lignes les cellules du tableau grâce aux balises <td> (les données
    des cellules) et <th> (les cellules d'en-têtes).

    Les différents attributs les plus utilisés dans la balise


    <Table></Table>

    Dir Cet attribut sert a spécifié l’orientation de l’écriture de droite vers


    la gauche (rtl) ou de gauche vers la droite(ltr)
    width la largeur en pixels ou pourcentage (par rapport à la taille de la
    page web)
    height la longueur en pixels ou pourcentage (par rapport à la taille de la
    page web)
    align Cet attribut énuméré indique la manière dont la table doit être
    alignée en regard du document qui la contient. Il peut prendre les
    valeurs suivantes :left, center, right,
    Border Cet attribut entier définit, en pixels, la taille de la bordure
    entourant le tableau.
    bgcolor Cet attribut définit la couleur d'arrière-plan de toutes les cellules.
    CELLSPACING Cet attribut définit la taille (en pourcents ou pixels) de l'espace
    (vertical et horizontal) entre deux cellules
    CELLPADDING Cet attribut définit la taille de l'espace entre le contenu d'une
    cellule et sa bordure
    id Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise
    class Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise

    Les différents attributs les plus utilisés dans la balise


    <tr></tr>

    Dir Cet attribut sert a spécifié l’orientation de l’écriture de droite vers


    la gauche (rtl) ou de gauche vers la droite(ltr)
    align Cet attribut énuméré indique la manière dont la table doit être
    alignée en regard du document qui la contient. Il peut prendre les
    valeurs suivantes :left, center, right,
    Valign Une chaîne de caractères qui définit l'alignement vertical du texte
    des cellules de la ligne. Les valeurs possibles de cet attribut sont :

    Bottom, middle, top et Baseline

    Baseline : Aligne le texte à la ligne la plus basse possible en


    utilisant la ligne de base des caractères.
    bgcolor Cet attribut définit la couleur d'arrière-plan de toutes les cellules.
    id Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise
    class Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise

    Les différents attributs les plus utilisés dans la balise


    <td></td>

    Dir Cet attribut sert a spécifié l’orientation de l’écriture de droite vers


    la gauche (rtl) ou de gauche vers la droite(ltr)
    width la largeur en pixels ou pourcentage (par rapport à la taille de la
    page web)
    height la longueur en pixels ou pourcentage (par rapport à la taille de la
    page web)
    align Cet attribut énuméré indique la manière dont la table doit être
    alignée en regard du document qui la contient. Il peut prendre les
    valeurs suivantes :left, center, right,
    bgcolor Cet attribut définit la couleur d'arrière-plan de toutes les cellules.
    background correspond à des marges en haut et en bas de l’image
    colspan Cet attribut contient un entier positif indiquant le nombre de
    colonnes sur lesquelles s'étend la cellule. La valeur par défaut est
    1. Des valeurs supérieures à 1000 peuvent être considérées comme
    incorrectes et seront interprétées comme valant la valeur par défaut
    (1). fusion horizontale
    rowspan Cet attribut contient un entier positif indiquant sur combien de
    lignes s'étend la cellule. La valeur par défaut est 1 fusion verticale
    id Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise
    class Cet attribut permet d’appeler un fichier CSS Soit à partir du même
    fichier, soit à partir d’un fichier externe Pour exécuter les
    commandes CSS sur la balise
    Exemple 01 :
    Exemple 02 : fusion de deux cellules horizontalement avec colspan
    Exemple 03 : fusionner les cellules verticalement avec rowspan
    TD : les tableaux

    Exercice 01 : utilisation de colspan

    Exercice 2 :utilisation de rowspan

    Exercice 02 : utilisation de Thead, Tbody et Tfoot

    Ajouter une ligne entre Écran 21 et Total Comme suit

    Vous aimerez peut-être aussi