Comment faire une table HTML. Tableau des couleurs

De nouveaux webmasters doivent faire face à de nombreux défis. Il semblerait que, aujourd'hui, nous pouvons utiliser pour créer vos propres modèles de site Web, mais le problème est, ils ne sont pas toujours les propriétés souhaitées, et ensuite de créer soit une conception de sites Web à partir de zéro, ou bien apporter des modifications à un code existant. Et il aura besoin de connaissance du code HTML et l'idée minimale de la façon de définir la couleur d'arrière-plan et la page, insérer une image ou une vidéo, faire un tableau en HTML.

Début des travaux sur la table

L'une des choses les plus difficiles dans le balisage HTML pages – la table. Le problème n'est pas la complexité de l'étiquette, qui, en fait, pas trop difficile de se rappeler, et que lorsque l'écriture de code, vous pouvez facilement faire une erreur – d'oublier d'enregistrer la ligne supplémentaire ou une cellule, entrez le texte ne va pas où il est nécessaire, et d'autres bagatelles . Et plus la table, plus les chances de faire une erreur.

Par conséquent, commencer à créer une table en HTML, nous recommandons une mise au point maximum et ne pas se laisser distraire. dans le tableau html

Tout d'abord, nous devons tracer une future table sur un morceau de papier, de marquage dans lequel la cellule, vous serez, ainsi que de noter eux-mêmes les paramètres de base d'un élément particulier.

Ci-dessous pour calculer le nombre de lignes de la table et le nombre de cellules dans chaque rangée. En outre , nous vous recommandons de noter des éléments tels que la présence d'images dans le tableau, la couleur de fond, bordures, du texte. pouvez-vous commencer alors seulement pour créer une table HTML en utilisant les informations stockées.

éditeur

Donc, vous avez créé une table de mise en page. Maintenant, nous devons choisir l'éditeur approprié pour le créer. Vous pouvez choisir des sites spécifiques, et aux concepteurs de faire une table en eux. En utilisant ce logiciel, créez une table est aussi simple que dans le document Word. Vous pouvez sélectionner un programme comme FrontPage. Malgré le fait que le programme est assez vieux, il peut aider à créer de bons sites Web, en plus sur elle se trouve plus d'un tutoriel.

Si vous voulez créer une table HTML en utilisant un code spécial qui peut être utilisé à cet effet et un ordinateur portable normal ou un document Word ordinaire. Cependant, ici, vous devez travailler dur comme l'écriture de code serait long.

Vous pouvez utiliser l'éditeur intégré dans le moteur logiciel lui-même. Ainsi, lorsque vous créez un enregistrement dans de nombreux moteurs, il offre la possibilité d'ajouter des éléments différents, y compris les tables. Même si l'éditeur de caractéristiques de base que vous n'êtes pas satisfait, apporter des modifications au code sera plus facile que de l'écrire à partir de zéro.

étiquettes

Peu importe la façon dont l'éditeur vous utiliserez avant de commencer à créer une table en html, vous devez vous rappeler les balises de base. Tous les trois d'entre eux –

et se termine par

. Dans chaque ligne, en utilisant la balise

nombre prescrit de cellules.

Ainsi, le code de la table 2×2 ressemblera à ceci:

. Notez que toutes les balises sont appairés. Le premier tableau représente une balise dans son ensemble, définit une seconde ligne, la troisième – la cellule à l'intérieur de la rangée.

arrière-plan dans la table de html

Un peu plus sur chacune des étiquettes. Le tableau commence toujours avec la balise

et se termine par

. Tout navigateur est le symbole de ce qui est une table devant lui. Ensuite, les lignes prescrites qui ouvre balise

Insérez une table dans les pages de code HTML peut être copié à partir de l'éditeur sélectionné.

tables de paramètres, les lignes et les cellules

Donc, nous avons discuté du code de base. Maintenant, nous allons parler de la façon d'améliorer la table, le rendre plus lumineux et plus attrayant. Pour ce faire, vous devez connaître les paramètres de base de l'étiquette. Ils sont écrits dans une balise de début, dans lequel, après chaque paramètre est assimilé, et enregistre sa valeur prise entre guillemets. Par exemple, un arrière-plan dans une table HTML est définie comme suit:

Nous énumérons quelques paramètres de base qui vous seront les plus utiles. Commençons par la table elle-même.

Donc, pour régler le paramètre largeur de la bordure de l'aide à la frontière, ce qui peut prendre une valeur numérique. Couleur de la bordure fixe bordercolor. L'arrière-plan général définit bgcolor.

insérer un tableau en html

Si vous voulez faire l'image de fond de table, utilisez fond utilisé, dans ce cas, vous devez définir modèle d'URL.

Aligner le contenu de la page autour du paramètre de table alignera, qui peut être réglé à gauche, au centre et à droite.

Définissez la balise titre aidera la paire

, qui enregistre immédiatement après la balise d'ouverture

Une chaîne de bits de paramètres. La couleur des cellules dans une rangée définie à l'aide bgcolor. L'alignement du texte peut être fait à l'horizontale à l'aide du paramètre align (gauche, centre ou droite), vertical – valign (prend des valeurs en haut, au milieu ou en bas).

En ce qui concerne la cellule peut noter que le modèle de couleur et le fond arrière-plan est donné pour elle avec les mêmes paramètres que pour la table entière. Aligner le texte Vous pouvez utiliser les paramètres d'alignement et valign.

Il y a aussi des paramètres spécifiques – et colspan rowspan. Avec le premier peut définir le nombre de colonnes, qui prolongera la cellule. La seconde spécifie le nombre de lignes pour lesquelles une cellule donnée peut étendre.

C'est toutes les options les plus utiles.

Tableau des couleurs

Disons quelques mots sur des choses utiles comme la table des couleurs. Avec l'aide de l'arrière-plan de la page est définie, la couleur du texte, des liens et d'autres éléments. table de couleur contient environ 216 couleurs. Chacun d'eux a son propre code hexadécimal.

Le code lui-même commence par un signe dièse et comprend trois paires de chiffres ou de lettres. Par exemple, la couleur verte dans le tableau a le code # 007F0. Chaque paire représente l'intensité de l'une des trois couleurs primaires – rouge, vert et bleu. Utilisation de la table, vous pouvez choisir la couleur que vous voulez et mettez-le en utilisant le code.

Si vous ne pouvez pas utiliser la table, vous pouvez définir la couleur en utilisant son nom en anglais.

contenu

texte table html

Quelques mots sur le contenu. Bien sûr, le plus souvent, nous pouvons voir le texte dans un tableau HTML, mais cela ne signifie pas qu'il est seulement nous pouvons y mettre. Et les lignées cellulaires peuvent également contenir des images, des fichiers audio et vidéo, des liens.

Pour placer le texte ou toute autre information dans la cellule (ligne), devrait le mettre entre les deux balises. Par exemple:

. Il affichera le « nom » dans la cellule.

Mettez des informations graphiques et des fichiers multimédias en utilisant des balises spéciales – ,

Conseils

Enfin, nous donnons quelques conseils utiles pour vous aider à créer rapidement un tableau HTML de toute complexité.

faire un tableau en HTML

Lorsque la table d'écriture vous recommandons d'abord se faire enregistrer les balises table et ses principaux paramètres. Ensuite, les lignes répertorient les balises. Chaque paire démarre une nouvelle ligne. Alors, vous verrez combien de lignes de votre table. liste également les paramètres de ligne ou des lignes, si elles diffèrent de la base. Ensuite, nous vous recommandons de commencer à enregistrer chaque cellule comme une nouvelle ligne. Il est souhaitable de faire un ou deux indentation Tab à partir du bord. Ainsi, vous verrez très clairement la structure du code.

Le contenu des cellules et des lignes conseillé de vous inscrire dès la fin, lorsque le cadre de la table est prête.