Comment faire un tableau de données en ligne

Ouvrez un éditeur HTML ou tout simplement un document de texte Notepad ordinaire à entrer le code HTML. Bloc-notes fonctionne bien si vous êtes habitué à codage HTML. éditeurs HTML font des tâches répétitives plus rapide, mais certains, comme Frontpage, ajoutent supplémentaire, les codes inutiles qui peuvent ralentir les pages Web vers le bas. La meilleure chose à faire est de code avec un éditeur HTML, puis revenir en arrière et modifier le code à la main pour le nettoyer.

Décidez de la table des attributs pour les frontières, la largeur, la couleur d`arrière-plan et les couleurs de police. Vous devez prendre en compte la page web mise en page, la largeur, les couleurs et autres attributs pour rendre la table facilement lisible. Vous devez également décider sur le nombre de lignes et de colonnes sont nécessaires pour les données. Commencez définir les attributs de la table. (Notre exemple montre le nombre de calories consommées au déjeuner et le dîner chaque jour de la semaine. Nous avons besoin de trois colonnes (Jour, déjeuner et dîner) et sept lignes (deux pour les étiquettes et un pour chaque jour de la semaine).

Ajouter une bordure autour des cellules de table et de données. Frontières séparent les données dans les cellules pour faciliter la visualisation. Elle est mesurée en pixels et peut être donné une valeur de 0 à ne pas les utiliser. Une bordure d`un ou deux pixels est généralement très bien. La balise de la frontière est (bgcolor = border ="CHOSEN_BORDER_WIDTH"). La couleur de la bordure peut être modifiée avec la balise (bordercolor ="CHOSEN_COLOR"), Qui utilise les couleurs termes de base, tels que les codes rouges ou noirs ou de couleur hexadécimal à six chiffres. Hexadécimales offrent plus de couleurs. (Notre exemple utilise border ="2" et bordercolor ="noir").

Déterminer la largeur de l`ensemble du tableau. Elle est mesurée en pixels ou pour cent de la taille de l`écran. Les pixels sont définitives et pourcentages permettent la table pour adapter à différentes tailles d`écran. Essayer de juger de la largeur en fonction de la largeur des données entre les lignes. Si vous trouvez plus tard sur la table est trop mince ou large, il peut être modifié. (Notre exemple utilise width ="175")

Régler la couleur des cellules de données d`arrière-plan. Il est différent de la couleur de fond de la page, qui peut offrir un bon contraste. La balise est (bgcolor ="CHOSEN_COLOR"), Tout comme la couleur de la bordure. (Notre exemple utilise bgcolor ="blanc")

Réglez la couleur de police du texte dans les cellules. Assurez-vous que la couleur contraste avec l`arrière-plan, de sorte qu`il est facile à lire. Lumière sur sombre ou sombre sur la lumière fonctionne toujours mieux. La balise est (police ="CHOSEN_COLOR"). (Notre exemple est font ="noir", Qui contraste bien avec le fond blanc.)

Écrivez les étiquettes complètes de table entre une flèche gauche et à droite avec un espace entre les attributs d`étiquette et en commençant par la balise table en face. L`ordre des balises n`a pas d`importance, tant que "table" est à l`avant. (Notre exemple est

Déterminer la largeur des colonnes. La largeur de chaque colonne dépend de la largeur de l`ensemble de la table. Prendre la largeur de la table et le diviser par le nombre de cellules pour obtenir des colonnes de taille égale. Si nécessaire, ajuster la largeur des colonnes, mais le total ne peut pas dépasser la largeur de la table. Quand une largeur de cellule change, les autres cellules doivent être ajustées au total de la largeur de la table. (Notre exemple a une largeur de 175 et trois colonnes par ligne, de sorte qu`un même divisée d`environ 59. La répartition réelle est de 70, 60, 40.)

Commencer à ajouter vos données. Tout d`abord, commencer une nouvelle ligne et ajouter une ligne de table avec le code (). Ensuite, ajoutez une étiquette de données de table (). Entrez vos données pour l`utilisation du code Cell-() pour représenter les cellules vides. Fermez la cellule avec le tag "". La balise bordercolor est utilisée pour spécifier la couleur de la bordure de la cellule, si on le souhaite. S`il est laissé de côté, la table par défaut bordercolor est utilisé. (Premier code de cellule Notre exemple est "")

Répéter les cellules de la table de création de données, chacun sur une nouvelle ligne, jusqu`à ce que toutes les cellules de la ligne sont complètes. Puis terminer la ligne avec la balise (). Commencez la ligne suivante avec le même processus, en commençant par le () Marquer à nouveau.

Fermez le code de la table. Tout d`abord, mettre fin à la police avec le "" tag puis la table avec le avec "" Étiquette. (Notre code de table finale, si pris fin après la première ligne, est ci-dessous.)