Comment faire des colonnes dans différentes tailles en HTML

October 13

Comment faire des colonnes dans différentes tailles en HTML


Organiser le contenu d'un site web en lignes et colonnes est l'un des plus grands atouts de HTML comme un langage de codage. Avec seulement une petite quantité de code, vous pouvez créer des colonnes et des lignes visibles ou invisibles pour formater le contenu de votre site dans à peu près toutes les configurations imaginables, sans compter sur des cadres ou d'autres solutions de contournement qui peuvent causer des problèmes pour les visiteurs.

Instructions

1 Ouvrez le document HTML que vous voulez ajouter des colonnes dans votre traitement de texte.

2 Créer une table à l'endroit que vous souhaitez ajouter les colonnes par l'ajout de balises de table, qui ressemblent à ceci: <table> </ table>. Si vous voulez que les frontières autour des colonnes soient visibles, vous pouvez ajouter un espace et la frontière de code = "1" à la balise de table d'ouverture entre la table de mots et le support de fermeture, le faire ressembler à ceci: <table border = "1"> </ table>. Tout le reste du code que vous ajoutez pour créer les colonnes ira entre ces balises.

3 Ajouter des étiquettes de données de table pour chaque colonne que vous souhaitez créer. Les étiquettes de données de table pour une seule colonne ressemblent à ceci: <td> </ td>. Tout le contenu que vous souhaitez placer dans chaque colonne passera entre les balises de données de table pour cette colonne. Par exemple, si vous voulez créer deux colonnes, l'une contenant le texte "colonne 1" et l'autre "colonne 2," votre code devrait ressembler à ceci: <table border = "1"> <td> colonne 1 </ td > <td> colonne 2 </ td> </ table>.

4 Ajouter taille attribue à chaque balise de données de table d'ouverture pour définir la taille de cette colonne. Pour ce faire, ajoutez un espace et la hauteur du code = "" width = "" à la balise, entre le td et la parenthèse fermante. Puis ajouter des numéros, en pixels, entre chaque série de guillemets pour définir la hauteur et la largeur de la colonne. Toutes les colonnes de la même rangée seront redimensionnées à la même hauteur que le plus grand, mais vous pouvez ajuster la largeur de chacun individuellement.

5 Ajoutez le contenu que vous voulez que chaque colonne contienne. Si vous insérez un contenu trop large pour la largeur définie pour la colonne, il redimensionne automatiquement d'être assez large pour contenir, et si vous insérez trop de contenu devant figurer dans la colonne à la taille globale vous définissez, il sera redimensionner automatiquement pour être assez grand pour contenir tout cela.


          

Post a comment: