Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 13 Guests, 3 Bots

    1 - La balise <table>

    Un tableau est déclaré en langage HTML à l'aide des balises <TABLE> et </TABLE> On peut ajouter des caractéristique à la balise <TABLE> afin de spécifier la hauteur, largeur, bordure, couleur , …

    Exemple

    <TABLE border=1 width=500 height=300  BGCOLOR=FFFF00 ></TABLE>

    Définit un tableau avec la bordure 1 largeur 500 hauteur 300 couleur jaune

     

    2 - Insertion des lignes et des colonnes

     

    Pour insérer une ligne dans un tableau on introduit les balises <TR> et </TR> , pour insérer des cellules dans une ligne on utilise les balises <TD> et </TD>

    Exemple

    <TABLE  border="1">
    <tr>
    <td>je suis dans la colonne 1  de la ligne 1</td>
    <td>je suis dans la colonne 2 de la ligne 1</td>
    </tr>
    </TABLE>

     

    Ce qui va afficher à l'écran après exécution :

    tableaux html

    Si je veux par exemple créer un tableau avec plusieurs lignes et plusieurs colonnes par exemple un tableau de deux lignes et trois colonnes, je dois insérer deux deux codes de lignes <tr> </tr> et à l'intérieur de chacune de ces codes je dois insérer le code de colonne <td> </td> trois fois :

    <tr>  <---   début de la premières ligne
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    <--- Fin de la première ligne
    <tr>  <---   début de la deuxième ligne
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    <--- Fin de la première ligne

    Voici le code final :

    <table border="1">
    <tr>  
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    <tr> 
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    </table>

    Ce qui va afficher au navigateur :

    lignes et colonnes d'un tableaux html

     

    3 - Les attributs de la balise <table>

     

    L'attribut border

    Si on veut se modifier les bordures on change tout simplement l'attribut   border=" "    par une autre valeur par exemple border=" 2" ou border=" 3"...

    Exemple

    avec  border="5 " on obtient :

    Si on ne veut pas mettre de bordures, il suffit de mettre  border="0 "   ou tout simplement ne pas ajouter d'attribut border et mettre simplement la balise <table>

    Et voici ce qu'on obtient sans mettre d'attribut border :

    Les attributs width et height

    L'attribut width spécifie la largeur du tableau tandis que l'attribut height spécifie sa hauteur :

    Exemple

    Pour tracer un tableau de largeur =500  et de hauteur =200  , on utilise le code :

    <table border=1 width="500" height="200">
    <tr>  
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    <tr> 
    <td>  1ère  colonne</td>
    <td>  2ème  colonne</td>
    <td>  3ème  colonne</td>
    </tr>
    </table>

    Voici ce qu'on obtient au navigateur après exécution du code :

    L'attributs valign

     

    4 - Les balises colspan et rowspan

     

    5 - Les balises <thead>,  <tbody> et <tfoot>

     

    6 - Tutoriel vidéo sur les tableaux HTML

     

     

     

    ...

    Une réponse à “Les tableaux HTML”

    Laisser un commentaire