Lors de la construction d'un site web en HTML, vous pouvez trouver un tableau utile pour organiser une petite quantité d'informations en lignes et en colonnes. Les tableaux ont été utilisés depuis l'aube de l' Internet, et l'habitude de jouer un rôle majeur dans la structure physique d'une page Web . Les tables sont relativement limités en termes de où vous pouvez placer du contenu en eux, mais ils le font obéir code relatif à l'alignement du contenu des cellules . Les images et de texte par défaut au centre de la cellule , d'une manière verticale , mais une simple addition de code de ce contenu se déplace vers le haut de la cellule. VAlign code
Pour déplacer le texte ou une image vers le haut d'une cellule, ajoutez le code suivant à la
ou tag | :
valign = " top "
vAlign signifie" alignement vertical " . Si le contenu de la cellule ne sont pas alignés vers le haut, assurez-vous que vous avez joint le mot "top" avec des guillemets, et que vous avez à la fois et les supports ouverture et de fermeture autour des tags. " Valign " est différent de " s'aligner ", qui traite horizontale plutôt que l'alignement vertical dans une cellule.
Table Structure code
Un simple tableau de deux lignes et deux colonnes peuvent avoir le code suivant :
colonne un en-tête | Photos Colonne Deux -tête | Photos Photos
Colonne une donnée | Photos Colonne Deux données < /td> Photos | Photos Photos de code , commence simplement la structure de la table . Le de code est synonyme de ligne de la table et introduit la ligne. Vous pouvez ajouter autant de cellules que vous voulez, dans ce cas, deux , chaque | ou une table balise d'en-tête . Vous pouvez terminer une ligne en ajoutant la balise | tag . Ce tableau n'a qu'une seule rangée de plus , a commencé par une autre balise , et deux autres cellules de la ligne définie par les deux | . Vous pouvez ajouter le valign = code "top" dans aucune de ces balises | ou | à haut aligner tout le contenu de cette cellule.
Tête de tableau
les cellules que vous définissez comme têtes de tableau ( avec la balise | ) se composent de la ligne à travers le dessus de votre table. Le format de la table -tête par défaut de contenu texte en gras avec des alignements horizontaux et verticaux centrés . Si vous souhaitez aligner verticalement le contenu vers le haut, le code de cette cellule devrait lire :
| un en-tête | Photos crée un texte qui est en gras , centré horizontalement et verticalement alignés sur le haut de la cellule .
tableau de données
les cellules que vous définissez comme données de la table (à l' < td> tag) se composent généralement du reste de l'information à votre table. Le style de ces cellules par défaut poids de texte normal, centrage vertical et gauche -alignement. Pour verticalement de haut aligner le contenu de ces cellules, le code devrait lire :
Column One données < /td> Photos Cela rend le contenu s'alignent dans le coin supérieur gauche de la cellule.
|
| 