lunes, 14 de septiembre de 2020

Modelos de tablas en HTML / 1



MODELO 1

Ejemplo del uso de tablas - aprenderaprogramar.com
Título de la tabla
Contenido 1 Contenido 2 Contenido 3
Contenido 4 Contenido 5 Contenido 6

HTML DEL MODELO 1:


MODELO 2

Ejemplo del uso de tablas- aprenderaprogramar.com
Campo unificado Campo 2 Campo 3
Campo 5 Campo 6
Campo 8 Campo 9
HTML DEL MODELO 2:


MODELO 3
Ejemplo del uso de tablas - aprenderaprogramar.com
Campo 1 Campo 2 Campo 3
Campos 4 y 7 Campo 6
Campo 7 Campo 8 Campo 9

HTML DEL MODELO 3

MODELO 4:
Ejemplo del uso de tablas- aprenderaprogramar.com
Alumno Asignatura Calificación
Juan Pérez Matemáticas 9
Rodolfo Cárdenas Francés 5

HTML DEL MODELO 4:

MODELO 5:
Item 1 Item 2
Item 4

HTML DEL MODELO 5:

MODELO 6:
Item 1 Item 2 Item 3
Item 4 Item 5

HTML DEL MODELO 6:

MODELO 7:
A B C
D E F

HTML DEL MODELO 7:

MODELO 8:
Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7

HTML DEL MODELO 8:

MODELO 9:
Item 1 Item 2
Item 3 Item 4 Item 5

HTML DEL MODELO 9:

MODELO 10:
Head1 Head2 Head3
A B C
D E F

HTML DEL MODELO 10:

MODELO 11:
Head1 Head2
A B C D
E F G H

HTNL DEL MODELO 11:

MODELO 12:
Head1 Head2
Head 3 Head 4 Head 5 Head 6
A B C D
E F G H

HTML DEL MODELO 12:

MODELO 13:
Head1 Item 1 Item 2 Item 3
Head2 Item 4 Item 5 Item 6
Head3 Item 7 Item 8 Item 9

HTML DEL MODELO 13:

MODELO 14:
Head1 Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7 Item 8
Head2 Item 9 Item 10 Item 3 Item 11

HTML DEL MODELO 14: Combinación de cabeceras laterales y líneas expandidas

MODELO 15: Combinación de cabeceras superiores y laterales. Tabla centrada. Contenidos centrados. Título al pie.
Resumen de tablas
TABLETRTDTHCAPTION
BORDERX----
ROWSPAN--XX-
COLSPAN--XX-
ALIGN-XXXX
VALIGN--X--
WIDTHX-X--
HEIGTHX-X--
CELLPADDINGX----
CELLSPACINGX----

HTML DEL MODELO 15:







PARA CONSULTAR:



ENLACE 1. MODELOS DE TABLAS



ENLACE 2.Conceptos básicos de las tablas HTML



ENLACE 3: Crear tablas HTML. colspan y rowspan. Unir celdas: horizontal y vertical. tr, td, th. Caption o título (CU00719B)



ENLACE 4. Tablas-basicas



ENLACE 4. Cómo hacer una tabla en HTML



ENLACE . CONSULTAS GOOGLE





Publicado por en
Etiquetas: