Exercice HTML : Tableaux. Thème Réalisation de tableaux HTML. Utilisés sans bordure (bordure invisible), les tableaux sont aussi souvent utilisés pour : mettre en page des éléments (texte, images, champs d'un formulaire...) faire du multicolonne créer une "image multipart" (mosaïque) avec des zones changeant d'aspect lorsque la souris passe dessus (voir exercice sur "Rollovers") placer une trame colorée derrière du texte etc... Remarque : les tableaux HTML sont correctement supportés à partir des versions de navigateurs Netscape 2 à 3 et IExplorer 2 à 3 Balises Début tableau : <TABLE BGCOLOR="couleur fond" ALIGN="LEFT|RIGHT|CENTER" WIDTH="pixels ou %" CELLSPACING="larg.bords" BORDER="larg.ombrage" CELLPADDING="détach.texte"> Début ligne : <TR BGCOLOR="couleur" ALIGN="LEFT|RIGHT|CENTER" VALIGN="TOP|MIDDLE|BOTTOM|BASELINE" WIDTH="pixels ou %"> Cellule titre : <TH BGCOLOR="couleur" ALIGN="LEFT|RIGHT|CENTER" VALIGN="TOP|MIDDLE|BOTTOM|BASELINE" WIDTH="pixels ou %" ROWSPAN="nb.lignes" COLSPAN="nb.col.
Références © J. Cours HTML : Tableaux. Attributs de TABLE NB : l'attribut align est déclassé au profit des feuilles de style. Attributs cellpadding et cellspacing Valeurs pour l'attribut frame Uniquement en HTML 4.0, les anciennes versions des navigateurs ne connaissent pas cet attribut. Void pas de cadre above côté supérieur below côté inférieur hsides côtés horizontaux lhs côté gauche rhs côté droit vsides côtés verticaux box ou border : les quatre côtés (ne pas confondre avec border="n" qui indique l'épaisseur du trait du cadre, ici border signifie un cadre pour les quatre côtés) Exemples : NB : <TABLE frame="border" border="5"> de HTML 4.0 a pour équivalent : <TABLE border="5"> (dans les exemples ci-dessous nous donnons la syntaxe en HTML 4.0 mais il vaut mieux pour conserver la compatibilité avec les anciens navigateurs utiliser border pour indiquer qu'il faut dessiner le cadre et border=n pour donner une épaisseur de n pixels au cadre, i.e. utiliser <TABLE border="1"> à la place des <TABLE frame="border" border="1">).
Codes couleur HTML. Tableau de couleurs HTML Cliquez sur n’importe quelle couleur pour obtenir son code HTML. Sélection de couleurs HTML Faites glisser horizontalement le curseur pour choisir la couleur, puis cliquez sur le carré des couleurs sur la gauche pour obtenir le code HTML désiré. Théorie des codes couleur HTML Vous vous demandez donc « Cette étrange combinaison de lettres et de chiffres a-t-elle un sens ? ». La réponse est oui, et voici l’explication : Formats de codes HTML : Chaque code HTML contient le symbole "#" et 6 lettres ou chiffres. Signification des symboles : Les deux premiers du code couleur HTML représentent l’intensité de la couleur rouge. 00 est le minimum, est FF le plus intense.
Exemples :#FF0000 - Avec ce code HTML, nous demandons au navigateur d’afficher un maximum de rouge, et ni bleu ni vert. . #00FF00 – Ce code HTML affiche du vert, sans bleu ni rouge. . #0000FF - Ce code HTML affiche du bleu, sans rouge ni vert. #FFFF00 – Combinaison de rouge et vert donne du jaune : Index des balises HTML. Structure Sections Références Cadres Listes Liens Multimédia Tableaux Formulaires Rendus visuels Textes - mise en forme Textes - sémantique <abbr> <acronym> <address> <blockquote> <cite> <code> <del> <dfn> <em> <h1>...
Le codage HTML. Tutoriels sur HTML et CSS - Construisez votre propre site Web - HTML.net. TOUTES LES BALISES HTML : Liste complète avec syntaxe.