Cómo Insertar Una Tabla En Un Sitio Web

Tabla de contenido:

Cómo Insertar Una Tabla En Un Sitio Web
Cómo Insertar Una Tabla En Un Sitio Web

Video: Cómo Insertar Una Tabla En Un Sitio Web

Video: Cómo Insertar Una Tabla En Un Sitio Web
Video: 14. CREAR TABLAS Y ESTILOS PARA TABLAS EN HTML | Curso HTML 5 Fácil 2024, Diciembre
Anonim

Los lenguajes de marcado HTML, Wiki y BB-Code tienen herramientas para crear tablas. Esto le permite colocar información sobre las características comparativas de ciertos objetos, datos estadísticos y de otro tipo en los documentos o mensajes del foro.

Cómo insertar una tabla en un sitio web
Cómo insertar una tabla en un sitio web

Instrucciones

Paso 1

Para crear una tabla en un documento HTML, primero ábrala con la etiqueta

… Después de eso, abre su primera línea con la etiqueta.

(TR es la abreviatura de fila de tabla, es decir, fila de tabla). Ahora puede insertar el número deseado de celdas en la cadena. Haz cada uno de ellos abriendo la etiqueta.

… Aquí, la abreviatura TD significa datos de tabla, es decir, datos de tabla. Habiendo colocado el número requerido de celdas de esta manera, cierre la línea con la etiquet

… Cuando se hayan ingresado todas las filas, cierre la tabla usando la etiqueta

ingresando datos después y luego colocando una etiqueta de cierre

p.ej:

Local Numero de enchufes
Vestíbulo 1
Baño 0
Cocina 2
Habitación 3
Balcón 0

Paso 2

Añadiendo a la etiqueta

parámetros, puede cambiar el color y el grosor de sus líneas. Para que el perímetro exterior de la tabla tenga un píxel de grosor y las líneas interiores tengan dos píxeles de grosor, y todo esto esté pintado en azul oscuro, usa esta construcción:

Paso 3

Para fusionar varias celdas horizontalmente, utilícelo junto con la etiqueta

parámetro colspan. Entonces, si escribes

obtienes una celda con un ancho de dos columnas

Paso 4

Cuando redacte una publicación en un foro que utilice código BB, utilice las mismas etiquetas para crear tablas, pero utilice corchetes en lugar de corchetes angulares. Podría verse así:

[mesa]

[tr] [td] Sala [/td] [td] Número de enchufes [/td] [/tr]

[tr] [td] Pasillo [/td] [td] 1 [/td] [/tr]

[tr] [td] Baño [/td] [td] 0 [/td] [/tr]

[tr] [td] Cocina [/td] [td] 2 [/td] [/tr]

[tr] [td] Sala [/td] [td] 3 [/td] [/tr]

[tr] [td] Balcón [/td] [td] 0 [/td] [/tr]

[/mesa]

Esta técnica no funciona en todos los foros, y no todas las etiquetas son compatibles en aquellos que tienen la función correspondiente.

Paso 5

En el lenguaje de marcado Wiki, formatee las tablas como se muestra a continuación:

{|

| Locales

| Número de enchufes

|-

| Pasillo

|1

|-

| Baño

|0

|-

| Cocina

|2

|-

| Habitación

|3

|-

| Balcón

|0

|}

Firmar | se utiliza aquí para pasar a la siguiente celda, y | - se utiliza para el avance de línea.

Recomendado: