Formater des tableaux en CSS : Exercice n°3

Exercice n°3 pour intégrer du CSS dans des tableaux : l’utilisation du sélecteur « :nth-of-type » Le sélecteur :nth-of-type (“n-ième du type”) permet de sélectionner un ou plusieurs éléments en fonction de leur ordre dans la source et selon des critères que l’on détermine. Cette “pseudo-classes structurelles” est utilisée pour appliquer un style au contenu en fonction…Continue reading Formater des tableaux en CSS : Exercice n°3

Formater des tableaux en CSS : Exercice n°2

Exercice n°2 pour intégrer du CSS dans des tableaux Espacement des cellules : <table style= « border-spacing: 16px »> Fusion des bordures : <table style= « border-collapse: collapse »> Positionnement de la légende du tableau : <table style= « caption-side: bottom »> Cellules vides : <table style= « empty-cells: hide »> Largeur de tableau et de colonne : <table style= « width: 400px »> <tr>…Continue reading Formater des tableaux en CSS : Exercice n°2

Formater des tableaux en CSS : Exercice n°1

Comment placer un tableau entier dans du HTML Appliquer la formule suivante : table>tr*4>td*4>{cellule $} puis touche TAB Exercice n°1 pour intégrer du CSS dans des tableaux Tableau avec une prédéfinition des colonnes : <table> <col class= « col1 »> <col class= « col2 »> <tbody> <tr> <td>Cellule 1.1</td> <td>Cellule 1.2</td> </tr> <tr> <td>Cellule 2.1</td> <td>Cellule 2.2</td> </tr> </tbody>…Continue reading Formater des tableaux en CSS : Exercice n°1

Montage photo, CSS et JavaScript

Montage photo Préparation pour intégrer l’image de destination, par exemple sous <ul> : <img src= »images/architecture01.jpg »/> CSS Pour mettre en forme des balises, on utilise class= « untel » Exemple : <h1 class= »titre_site » Comment écrire une fonction CSS : sélecteur { propriété: valeur; } Exemple : p { margin: 0; } Introduction au JavaScript C’est un langage destiné…Continue reading Montage photo, CSS et JavaScript