Cómo crear un HTML Timeline

HTML es un lenguaje de programación para estructurar el contenido de una página web. Disposiciones sobre la base de las columnas y filas se conocen como tablas. El uso de una tabla HTML está limitada sólo por la creatividad . El tamaño de las células individuales de mesa, así como su relación de aspecto y colores de fondo son todos adaptables . Mientras que las tablas HTML a menudo se utilizan para organizar los bloques de texto e imágenes en el diseño general de la página, los usos más creativos pueden generar atractivo a la vista objetos gráficos . Una línea de tiempo es un buen ejemplo de las posibilidades de una tabla HTML. Un impresionante despliegue gráfico de fechas y eventos relacionados se puede lograr a través de solos HTML. Cosas que necesitará navegador Web
Mostrar más instrucciones
1

Crear un archivo HTML en blanco en tu computadora. Esto se hace haciendo clic derecho en el escritorio y selecciona " Nuevo> Documento de texto " y nombrar el archivo de cualquier cosa con un html . . Por ejemplo, " timeline.html " .
2

Haga doble clic en el archivo HTML para abrir en un navegador web. Se mostrará una pantalla en blanco que el archivo HTML está VACIO .
3

Decidir sobre la orientación de la línea de tiempo HTML. Puede ser vertical u horizontal . La mayoría de las líneas de tiempo son propensos a mostrar data de izquierda a derecha horizontalmente . Sin embargo , una gran cantidad de datos o de texto en la línea de tiempo puede adaptarse mejor para una pantalla vertical, la pantalla de ordenador tienen anchura limitada .
4

Saca tu línea de tiempo en un pedazo de papel para comprender mejor su gráfico layout. Recuerde que la línea de tiempo será reconstruido utilizando la columna y las filas , incluso si sus límites son invisibles en el producto final.
5

Construir una tabla HTML en el archivo HTML. Todas las mesas se iniciará con una etiqueta

y terminan con una etiqueta < /table> (Ver Referencias 1 ) . Añadir "border = 0 ", " cellpadding = 0 " y " cellspacing = 0 " atributos a la etiqueta

por lo que su diseño no se rompe por la representación navegador predeterminado.

Entre éstas sujetalibros

encuentran las propias células . Cada fila se iniciará con y termina con < /tr > . Las células en cada fila se iniciará con

y terminan con < /TD > . La "línea " línea de tiempo en sí será una cadena de células

sin contenido y un color uniforme. En una disposición horizontal, estas células serán largas y cortas. Ellos serán colocados adyacentes entre sí , todos en la misma fila . El color de fondo se ajusta mediante la adición de la " bgcolor = " atributo dentro de las etiquetas

de la línea. Su " width" y " height" también se establecen con estos atributos de la misma manera .
6

Posición data en un lado de la línea y la información de texto correspondiente a las fechas , por otro. En una disposición horizontal , por ejemplo , los eventos se describen en las células

de la fila superior , mientras que las fechas se observaron en las células

de la fila inferior , con la fila de color

las células en el medio para mostrar la línea.
7

Guarde el archivo HTML y refrescar la pantalla del navegador . Su línea de tiempo mostrará . La mayoría de los documentos HTML requieren considerable de ensayo y error para dar formato correctamente. Realice los ajustes necesarios , guardar y volver a cargar el navegador de nuevo hasta que esté satisfecho con los resultados.

Página anterior: HTML Tutorial : Superíndice

Página siguiente: Cómo corregir los errores en los programas

Lenguajes De Programación: Cómo insertar un salto de línea después de un especificado número de caracteres; ¿Qué herramientas Informática Programadores uso; Cómo ver un archivo como Hex; Cómo agregar valores a un ComboBox; Cómo eliminar el historial de SVN en Eclipse; Cómo convolución de una función en MATLAB; ¿Qué es una firma Compilado; Cómo vincular a un objeto CLR

Los últimos artículos de equipo

Artículos de la popular computadora

Más categorías