Recherche chaud: peut on utiliser ampoule infrarouge refuser un cadeau pour gentillesse macrame traussau de cuisine avis de décès lécrire ackee comment le consomme améliorer relationa syndical croisiere poesia selles vertes infection urinaire bébé
Index Loisirs Santé Technologie

Comment utiliser DIV au lieu de tables pour la forme de mise en page

Publié:2012-07-17Source: général
Advertisement

Comment utiliser DIV au lieu de tables pour la forme de mise en page

La conception sans tableaux HTML remplacé la table la conception HTML pour rendre le plus efficace, le code plus facile à lire et moins sujette aux erreurs. Vous pouvez modifier vos balises dans le tableau HTML en utilisant la balise div. Les balises div intégrés agissent comme les lignes et les colonnes du tableau. Après avoir modifié les étiquettes div, la conception reste la même, mais le code est plus facile à manipuler si vous avez besoin de faire des changements à l'avenir.

Niveau de difficulté:

Modéré

Instructions

1 Faites un clic droit sur ​​la page HTML qui contient la table que vous voulez convertir. Cliquez sur "Ouvrir avec" (Ouvrir avec) et éditeur HTML que vous souhaitez utiliser.

2 Trouver la balise d'ouverture de la table. La conversion commence table à langer et de commencer avec les balises div donnés. Le code suivant est un exemple d'un tableau à deux colonnes et une ligne: <table> <tr> <td> Row Data # 1 </ td> <td> Row Data # 2 </ td> </ tr> </ table>

3 Modifie ouverture et de fermeture des balises de la table par des balises div. En utilisant l'exemple à l'étape 2, en changeant les étiquettes de la table avec un conteneur div principale qui ressemble à ceci: <div id = "main"> <tr> <td> Row Data # 1 </ td> <td> Données Ligne n ° 2 </ td> </ tr> </ div>

4 changements étiquettes bordent la table avec div intégré. Les lignes tag "tr" représentent. Le code suivant montre la table à l'étape 2 et 3 avec des balises div pour les lignes: <div id = "main"> <div id = "lignes"> <td> Row Data # 1 </ td> <td> Row Data # 2 </ td> </ div> </ div>

5 Modifie les cellules ou les colonnes de la table avec des balises div fin embarqués. Le changement complet de code suivant la table d'échantillon avec des balises div: <div id = "main"> <div id = "lignes"> <div id = "Column1"> Row Data # 1 </ div> <div id = "column2"> Row Data # 2 </ div> </ div> </ div>

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking