801 Shares 4991 views

En utilisant le tableau HTML

En HTML, il y a tellement d'éléments, et chacun d'eux est unique à leur manière. Table – sujet très intéressant, populaire et sérieux. Merci à elle, vous pouvez non seulement fournir les informations sous une forme pratique, mais aussi de construire un cadre du site.

Auparavant, presque tous les webmasters utilisent des tables pour la mise en page est des sites. Dans un premier temps, la table, il ne vient pas avec. Par conséquent, il faut utiliser un élément div bloc pour marquer le site.

Si vous ne voulez pas rester toujours un novice, se habituer immédiatement à tout faire correctement. Ceci est très important dans le langage HTML. Le tableau doit être placé que les informations habituelles (texte, des liens, des listes, des images, et ainsi de suite. P.), et non l'ensemble du site dans son ensemble.

Comment faire une table HTML?

Tableau – un élément complexe qui se compose d'un grand nombre d'autres éléments. Rappelez-vous que lors de la création des cellules ou des lignes toujours immédiatement besoin de mettre la balise de fermeture. Sinon, il va voler. Gestionnaire dans le navigateur va chercher la fin de l'élément et, jusqu'à ce qu'il trouve, tout va continuer à inclure dans le tableau. Le résultat sera la bouillie.

Si vous écrivez un site dans le « Bloc-notes », alors tout devra faire avec ses mains. Si dans l'éditeur finale, il y a généralement un bouton – « table d'insertion », « l'image d'insertion » et ainsi de suite.

EXEMPLE 2 Le tableau 2.

texte pour la première ligne de la première cellule texte de la deuxième ligne de la première cellule
texte de la première cellule de la deuxième rangée texte de la deuxième cellule de la deuxième rangée

Tags

et

indiquent le début et la fin de la table. Balises

et

– le début et la fin de la ligne. Dans la même ligne peut être un certain nombre de cellules qui sont définies par les balises

et

.

La règle principale est: le nombre de cellules dans chaque rangée doit être la même. Il est une table.

Mais, comme dans Word et éditeur Excel, les cellules peuvent être combinées entre elles.

Comment combiner les cellules dans une table?

Pour combiner et utiliser colspan rowspan. Span est traduit par « couverture » ou « chevauchement ». Le sens littéral – pour couvrir / fermer la cellule / ligne.

La valeur de cet attribut doit indiquer le nombre de lignes ou les cellules seront bloquées. Voici un exemple de l' utilisation à la fois les attributs HTML dans le tableau.

Dans cet exemple, la première ligne 3 cellules mises en commun en utilisant l'attribut colspan = « 3 ». Ensuite, la première cellule de la deuxième chaîne étirée en quatre rangées. Rappelez-vous que étirer / combiner seulement dans la première cellule. Sa propriété est répartie sur. Tout ce qui vient avant, ne seront pas affectés.

Si vous avez 5 cellules que vous souhaitez fusionner de 2 à 4, alors vous devez juste au nombre de cellules 2 spécifier le colspan attribut = « 3 ».

Notez le numéro de fente 9 dans la figure ci-dessus. Il mis en commun immédiatement et les cellules et les lignes. Ces actions ne sont pas interdites.

Regardez un autre exemple pour sécuriser les informations. Étant donné que certains confus et attributs au lieu des rangées de cellules parfois combinées.

Format de table

Prenez une ordinaire, cas standard de HTML. Tableau Deux rangées de deux cellules chacune.

du code sera le suivant.

Comme vous pouvez le voir, il n'y a aucun effet. Vous pouvez ajouter un cadre, spécifiez la largeur et la hauteur.

Vous pouvez également jouer avec l'alignement. Il peut être aligné en hauteur et en largeur.

Aligner pour aligner horizontalement, et valign – vertical. C'est un tel résultat.

Attributs align et valign peuvent être appliqués à la ligne. Ensuite, toutes les cellules qui sont en elle seront soumises à ces attributs.

En plus de la balise

et

, il y a une balise supplémentaire

. En fait, il est un analogue de

, mais il est utilisé seulement dans la première ligne et est à la tête. Par défaut, le texte dans la balise

est centré et en gras.

Comment connecter des styles à la table?

Comme toute les balises HTML, la table peut être converti au moyen de styles. Vous devez spécifier le fichier de style dans la tête ou le style prêt (comme indiqué dans la tête).

<Style type = "text / css ">

table {

Font-family: Verdana, Arial, Helvetica, sans-serif;

color: # 000000;

}

.my_class

{

color: # 666666;

}

Si vous spécifiez une table, ce style s'appliquera à tous les tableaux de la page. Absolument tout le monde. Mais, si vous utilisez la deuxième méthode, ce qui indique un nom arbitraire avec un point, alors ce style peut être appliqué à une table désirée, sans affecter l'autre.

S'il vous plaît noter que les cours peuvent être utilisés comme une balise pour la table et pour une cellule ou d'une ligne spécifique.

<Class table = "style_table" width = " 100%" border = "1">

texte de la première ligne de la première cellule texte de la deuxième ligne de la première cellule
texte de la première cellule de la deuxième rangée texte de la deuxième cellule de la deuxième rangée

Si le style de l'artiste quelque part une erreur, le résultat ne verra pas. Si, toutefois, dans le style il y a des erreurs, mais les noms sont les mêmes, l'effet ne sera pas. Chaque virgule ou deux points joue un rôle important.

Attributs supplémentaires dans les tableaux

Quels attributs peut être écrit dans les classes de style? Il y a beaucoup d'attributs qui s'appliquent spécifiquement aux tables. Considérez que les plus élémentaires sont très utiles.

aligner

Alignement horizontal

valign

Alignement vertical

fond

L'image de fond dans la cellule / Table

bgcolor

La couleur de fond de la cellule

bordercolor

Couleur du cadre de table / cellules

hauteur

hauteur de cellule

nowrap

Ban texte enveloppe dans une chaîne.

largeur

La largeur de la cellule / tableau

Comme vous pouvez le voir, utiliser HTML dans le tableau peut être un grand nombre de « outils ».

Belle créé à l'aide des tables HTML. exemples

En raison des styles que vous pouvez créer une variété de belle table. Tout dépend de quoi et comment vous le souhaitez. Il est comme la cuisine. Les ingrédients sont les mêmes, et plus d'options sont nombreuses recettes.

Comme vous pouvez le voir, si vous utilisez des balises HTML, la table peut être transformé au-delà de la reconnaissance. limites possibles déterminées par votre imagination.