Cómo hacer una tabla HTML. Tabla de colores

Nuevos webmasters tienen que enfrentar muchos desafíos. Parecería que hoy podemos utilizar para crear sus propias plantillas de sitios web, pero el problema es que no siempre tienen las propiedades deseadas, y luego tener que o bien crear un diseño de página web desde cero, o bien realizar cambios en un código existente. Y entonces será necesario el conocimiento del código HTML y la idea mínima de cómo configurar el color de fondo y la página, insertar una imagen o un vídeo, hacer una tabla en HTML.

Inicio de los trabajos sobre la mesa

Una de las cosas más difíciles en las páginas HTML de marcado – la tabla. El problema no es la complejidad de la etiqueta, que, de hecho, no es demasiado difícil de recordar, y que al escribir código, que fácilmente puede cometer un error – que se olvide de registrar la línea adicional o célula, introduzca el texto no va a donde es necesario, y otras menudencias . Y cuanto más la tabla, mayor será la probabilidad de cometer un error.

Por lo tanto, empezar a crear una tabla en HTML, se recomienda un enfoque máximo y no distraerse. en la tabla HTML

En primer lugar, debemos dibujar una tabla de futuro en un pedazo de papel, marcando aquel en el que la célula que será, además de destacar por sí mismos los parámetros básicos de un elemento en particular.

El siguiente es calcular el número de filas de la tabla y el número de células en cada fila. También se recomienda tener en cuenta elementos tales como la presencia de imágenes en la tabla, color de fondo, las fronteras, el texto. Sólo entonces se puede empezar a crear una tabla HTML usando la información almacenada.

editor

Por lo que ha creado una tabla de diseño. Ahora tenemos que elegir el editor apropiado para crearlo. Puede elegir los sitios específicos, y los diseñadores para hacer una tabla en ellos. El uso de este software, crear una tabla es tan simple como en el documento de Word. Se puede seleccionar un programa como FrontPage. A pesar de que el programa es bastante antiguo, que puede ayudar a crear buenos sitios web, además de que se puede encontrar más de un tutorial.

Si desea crear una tabla HTML usando un código especial que se puede utilizar para este propósito y un cuaderno normal o un documento de Word normal. Sin embargo, aquí hay que trabajar más duro que escribir el código sería larga.

Puede utilizar el editor integrado en el motor de software en sí. Por lo tanto, cuando se crea un registro en muchos motores que ofrece la posibilidad de añadir diferentes elementos, incluyendo tablas. Incluso si el editor de características básicas no está satisfecho, realizar cambios en el código será más fácil que escribir desde cero.

etiquetas

Independientemente de cómo el editor que va a utilizar antes de empezar a crear una tabla en HTML, usted debe recordar las etiquetas básicas. Los tres de ellos –

y termina con

prescrito. En cada fila, el uso de la etiqueta

número prescrito de células.

Por lo tanto, el código de la tabla 2×2 se verá así:

. Tenga en cuenta que todas las etiquetas están emparejados. La primera tabla representa una etiqueta en su conjunto, define una segunda línea, el tercero – la célula dentro de la fila.

fondo en la tabla HTML

Un poco más sobre cada una de las etiquetas. La mesa siempre comienza con la etiqueta

y termina con

. Cualquier navegador es el símbolo de lo que es una mesa frente a él. A continuación, las líneas que se abre etiqueta

Insertar una tabla en las páginas de código HTML puede ser copiado desde el editor seleccionado.

tablas de parámetros, las filas y las células

Por lo tanto, hemos discutido el código básico. Ahora vamos a hablar acerca de cómo mejorar la mesa, hacer que sea más brillante y más atractiva. Para ello, es necesario conocer los parámetros básicos de la etiqueta. Están escritas en una etiqueta de inicio, en el que después se equipara cada parámetro, y luego registra su valor tomado entre comillas. Por ejemplo, un fondo en una tabla HTML se define como:

Tenemos una lista de algunos parámetros básicos que serán más útiles para usted. Vamos a empezar con la propia tabla.

Por lo tanto, para establecer el ancho del borde fronterizo ayuda parámetro, que puede tomar cualquier valor numérico. Color del borde establece BorderColor. Los antecedentes generales establece bgcolor.

insertar una tabla en html

Si desea que la imagen fondo de la tabla, utilice Usado fondo, en este caso se debe configurar patrón de URL.

Alinear el contenido de la página alrededor del parámetro de tabla se alineará, que se puede ajustar a la izquierda, centro y derecha.

Establecer la etiqueta del título ayudará a la par

, que registra inmediatamente después de la etiqueta de apertura

Una cadena de bits de parámetros. El color de las celdas de una fila ajusta utilizando bgcolor. Alineación del texto horizontalmente se puede hacer usando el parámetro align (izquierdo, central o derecho), vertical – valign (asume valores superior, media o inferior).

En cuanto a la célula puede observarse que el patrón de color de fondo y el fondo se da por ello con los mismos parámetros que para toda la tabla. Alinear el texto Puede utilizar los parámetros de alineación, y valign.

También existen configuraciones específicas – colspan y rowspan. Con la primera se puede establecer el número de columnas, que se extenderá la célula. El segundo especifica el número de filas de la cual puede extenderse una célula dada.

Eso es todas las opciones más útiles.

Tabla de colores

Digamos unas palabras sobre este tipo de cosas útiles como la tabla de colores. Con la ayuda del fondo de la página se fija, el color del texto, enlaces y otros elementos. tabla de colores contiene alrededor de 216 colores. Cada uno de ellos tiene su propio código hexadecimal.

El código en sí mismo comienza con un signo de libra y comprende tres pares de dígitos o letras. Por ejemplo, el color verde de la tabla tiene el código # 007F0. Cada par representa la intensidad de uno de los tres colores primarios – rojo, verde y azul. Utilizando la tabla, se puede elegir el color que desee y configurarlo usando el código.

Si no puede utilizar la tabla, se puede ajustar el color utilizando su nombre en Inglés.

contenido

texto a tabla html

Unas pocas palabras sobre el contenido. Por supuesto, lo más a menudo podemos ver el texto en una tabla HTML, pero eso no quiere decir que sólo podemos poner allí. Y líneas celulares también pueden contener archivos de imágenes de vídeo, audio y, enlaces.

Para colocar el texto o cualquier otra información en la celda (línea), debe establecer que entre las dos etiquetas. Por ejemplo:

. Se mostrará el "Nombre" en la celda.

Mostrar información gráfica y archivos multimedia mediante etiquetas especiales – ,

consejos

Finalmente damos algunos consejos útiles para ayudarle a crear rápidamente una tabla HTML de cualquier complejidad.

hacer una tabla en html

Al escribir la tabla recomendamos que primero se registran etiquetas de tabla y sus principales parámetros. Entonces filas de la lista de las etiquetas. Cada par iniciar una nueva línea. Por lo que verá el número de filas de la tabla. También lista los parámetros de la fila o filas, si difieren de los básicos. A continuación, se recomienda para comenzar a registrar cada célula como una nueva línea. Es deseable hacer una muesca o dos Tab desde el borde. Por lo tanto, se verá claramente la estructura del código.

El contenido de celdas y filas aconseja a registrar tan pronto como el final, cuando el marco de la mesa está lista.