Comment faire pour convertir les tableaux HTML

Les tables étaient une vieille méthode de conception site web graphiques et mises en page. Les tableaux sont une vieille technologie qui rend difficile pour formater un site Web. Balises CSS div ont remplacé tables comme une norme pour la conception de site Web. Conversion de tables à des balises CSS div crée un nettoyeur, la conception plus facile pour les développeurs web et les programmeurs.

Instructions

  1. Évaluer la table qui a besoin d'être remplacé. Chaque table, éléments rangée, colonne et doit être remplacé par des balises div. Ce qui suit est un exemple d'une disposition de la table:


    Mon Section 1
    Mon article 2



  2. Remplacez le "

    " tag avec un div. La table d'origine a une largeur de 550 pixels. La balise div doit également être 550 pixels. Ci-dessous est le code pour créer un div qui correspond à la même largeur de la table d'origine:

  3. Remplacez le "" tag. Cette balise indique une ligne de table. Il n'y a pas d'attributs sur la ligne du tableau d'origine, donc une simple balise sans propriétés est utilisé.






  4. Remplacer le tableau des balises de cellules noté que "" dans l'élément de table. Dans la table d'origine, la première colonne est de 60% de la largeur de la table et la seconde colonne est de 40% de la largeur de la table. Ce qui suit vous montre comment créer des colonnes qui sont de la même largeur que la table d'origine.


    Mon Section 1

    Mon article 2


» » » » Comment faire pour convertir les tableaux HTML