Tableau HTML – PHPGurukul


Le tableau contient des colonnes et des lignes qui sont utilisées pour afficher les données en HTML.

sont des balises de table.

crée un tableau avec des bordures.

sont des balises de ligne.

sont des étiquettes de cellule.

Exemple:






Cell 1
Cell 2
Cell 3




Cell 4
Cell 5
Cell 6

Production:

Explication:

crée un tableau avec une largeur de bordure de 1 pixel.

spécifie les lignes du tableau.

spécifie la cellule des tableaux et son contenu.

Largeur hauteur

cell 1

L’attribut «largeur» spécifie la largeur de la table. L’attribut «hauteur» spécifie la hauteur de la table.

La valeur peut être un pourcentage ou des pixels.

Exemple
Cell 1 Cell 2 Cell 3
Cell 4 Cell 5 Cell 6

Production:

Explication

border="2" définit la largeur de la bordure du tableau sur 2 pixels.

width="200" définit la largeur du tableau à 200 pixels.

height="30%" définit la hauteur de la table à 30% de la fenêtre du navigateur.

Couleur de l’arrière plan

bgcolor="value" définit la couleur d’arrière-plan du tableau, de la ligne ou de la cellule
Exemple
Out




Cell 1
Cell 2
Cell 3




Cell 4
Cell 5
Cell 6

Production

Explication

bgcolor="yellow" définit la couleur d’arrière-plan comme jaune.

Espacement des cellules

cellspacing="value" définit l’espacement entre les cellules.





Cell 1
Cell 2
Cell 3




Cell 4
Cell 5
Cell 6

Production

Explication

cellspacing="10" définit l’espacement des cellules à 10 pixels.

Aligner le texte

align="value" définit le texte à gauche, au centre, à droite.

Exemple






Cell 1
Cell 2
Cell 3

Production

Explication:

définit l’alignement du texte avec le côté droit.

Valign Text

valign="value" place le texte en haut, au milieu, en bas.

Exemple






Cell 1
Cell 2
Cell 3

Production

Explication:

valign="middle" définit le texte en alignant avec le milieu.

Légende

sont utilisés pour afficher la légende du tableau.

Exemple




Table Caption


Cell 1
Cell 2
Cell 3

Production

Explication

Table Caption

affiche la légende du tableau.

La hauteur de ligne

height="value" définit la hauteur de la ligne.

Exemple






Cell 1
Cell 2
Cell 3

Production

Explication

définit la hauteur de la ligne à 50.

La largeur de la colonne

width="value" définit la largeur de la colonne

Exemple






Cell 1
Cell 2
Cell 3

Production

Explication

width="100" définit la largeur de la cellule à 100 pixels.

Couleur de la bordure

bordercolor="blue" définit la couleur de la bordure du tableau, de la ligne ou de la cellule.





Cell 1
Cell 2
Cell 3

Production

Explication

bordercolor="blue" définit la bordure du tableau en bleu.

Span Rows, Columns

Une cellule peut s’étendre sur plusieurs lignes ou colonnes.

rowspan="value" ou colspan = « valeur » spécifie le nombre de lignes ou de colonnes à traverser.

Exemple pour rowpan






Cell 1
Cell 2
Cell 3




Cell 4
Cell 5

Production

Explication

rowspan="2" spécifie les 2 lignes qui seront réparties sur.

Exemple pour colspan






Cell 1


Cell 2
Cell 3
Cell 4

Production

crée un tableau avec la bordure avec 1 pixels.

spécifie les lignes du tableau.

spécifie la cellule du tableau et son contenu.

colspan="3" spécifie les 3 colonnes qui seront réparties sur.

align="center" définit l’alignement suivant au centre.



Telecharger ici

Post Views: 699
lire plus  100% DE RABAIS | Cours complet C ++
Tags:
You Might Like
Laisser un commentaire

CookieDuréeDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Enregistrer & appliquer
Aller au contenu principal