Com Dibuixar Una Taula En HTML

Taula de continguts:

Com Dibuixar Una Taula En HTML
Com Dibuixar Una Taula En HTML

Vídeo: Com Dibuixar Una Taula En HTML

Vídeo: Com Dibuixar Una Taula En HTML
Vídeo: DIY - Как сделать КИНЖАЛ с ножнами из бумаги А4 своими руками? 2024, Abril
Anonim

HTML és un llenguatge de marques de pàgines que es pot utilitzar per allotjar llocs web a Internet. Per donar format al document en aquest cas, s’utilitzen etiquetes: elements de descripció.

Com dibuixar una taula en HTML
Com dibuixar una taula en HTML

Necessari

  • - ordinador;
  • - el programa "Bloc de notes";
  • - habilitats per treballar amb HTML.

Instruccions

Pas 1

Obriu la pàgina on vulgueu afegir una taula en HTML mitjançant el bloc de notes. Per fer-ho, feu clic amb el botó dret al fitxer per obrir el menú contextual i seleccioneu l'opció "Obre amb". Seleccioneu un lloc a l'etiqueta Body per afegir la taula al lloc.

Pas 2

Utilitzeu l'etiqueta … per col·locar la taula a HTML. Aquesta és l'etiqueta principal que descriu la taula. Tots els seus elements s’han de situar entre les etiquetes d’obertura i de tancament. Per defecte, la taula es crea sense separadors ni vores. Afegiu una vora segons sigui necessari mitjançant l'atribut Border. Per fer-ho, inseriu-lo dins de l'etiqueta de la taula i afegiu un valor numèric per a l'amplada de la vora, per exemple, una fila a la taula. Per fer-ho, utilitzeu l'etiqueta …, el nombre de línies està determinat pel nombre de parells. Afegiu una descripció de cel·la mitjançant l'etiqueta … Col·loqueu la cel·la només dins de l'etiqueta de fila i afegiu-hi el número de la columna (columna) on es col·loca.

Pas 4

La ubicació del text a la cel·la es determina mitjançant els atributs Aligh (esquerra, dreta, centre): determina la col·locació del text horitzontalment i Valign (mig, inferior, superior): determina la ubicació de les dades a la cel·la verticalment. Aquesta descripció es pot afegir tant per a una cel·la individual com per a tota la fila.

Pas 5

Utilitzeu l'atribut Colspan per combinar cel·les horitzontalment i Rowspan verticalment. Un exemple de codi de taula: "Nom de la taula" "Nom de la fila combinada" "Nom de la primera columna" "Nom de la segona columna" "Segona fila" "Segona cel·la de la segona fila" "Tercera cel·la de la segona fila”.

Recomanat: