Cómo hacer gráficos en HTML

Es importante crear un llamativo aspecto visual de su sitio web con el fin de atraer a los visitantes. El texto plano puede ser desalentador, especialmente si hay una gran cantidad de la misma y el contexto es seco. Una visual que puede agregar a su sitio web para hacerlo más atractivo es un gráfico. La producción de la gráfica en HTML ayuda a transformar sus palabras en una herramienta de colores, que llame la atención.

Instrucciones

1 Lanzar su editor HTML. Utilice un editor de texto si usted no tiene un editor HTML - edición de textos y el Bloc de notas tanto vienen pre-instalado en los sistemas operativos de Apple y Windows, respectivamente.

2 Seleccione "Archivo" y "Abrir" en el menú de navegación del programa. Navegue hasta encontrar el archivo HTML que desea añadir el gráfico.

3 Decidir dónde se presentará el gráfico en su página web. Coloque el código siguiente en el código HTML:

<Table bgcolor = "# FF3300" height = "15" width = "200" cellspacing = "0" cellpadding = "0" border = "0">
<Tr> <td> </ td> </ tr>
</ Table>
<Table bgcolor = "# 99CCFF" height = "15" width = "150" cellspacing = "0" cellpadding = "0" border = "0">
<Tr> <td> </ td> </ tr>
</ Table>

Añadir tablas adicionales para crear más filas gráfico de barras. Puede ajustar los tres atributos asociados con "bgcolor", "altura" y "ancho": el cambio "# FF3300" y "# 99CCFF" para los códigos de color de su elección; ajustar la altura - "15" - y el ancho - "200" y "150" - de cada barra del gráfico. Por su gráfico que aparezca vertical en vez de horizontal, establezca la "altura" atributo número más grande que el "ancho".

4 Seleccione "Archivo" y "Guardar" en el menú de navegación del programa.

5 Inicie el software de FTP. Sube el documento HTML actualizada en el servidor Web. Una vista previa de la página Web para asegurarse de que su gráfica se muestra correctamente.