Cómo hacer un calendario utilizando HTML

Un calendario hecho en HTML puede ser una adición útil a su sitio web, o un ejercicio práctico en el formato de tablas. Hay muchas maneras de personalizar un calendario. Usted puede hacer un gran calendario con los eventos que aparecen en cada fecha; un pequeño calendario con enlaces a los acontecimientos diarios; o un ser con las vacaciones y eventos en texto o fondos con código de color. Con un poco de experiencia en la codificación HTML, puede personalizar su propio calendario HTML.

Instrucciones

1 Tipo "<table border = 1>" para crear la tabla. Puede aumentar el tamaño de la frontera de su calendario mediante la sustitución de "1" con un número más alto.

2 Fijar el ancho de cada columna escribiendo:
<Ancho col = "50">

Sustituir "50" con el ancho de la columna deseada y repita siete veces, una para cada columna. Este paso no es necesario, pero ayudará a mantener sus columnas calendario igual si se agrega eventos u otro texto.

3 Crear la primera fila escribiendo:
<Tr colspan = "7"> <th align = "center"> Septiembre de 2010 </ th> </ tr>

Reemplazar "September 2010" con el mes y el año correcto. El código "<tr>" es sinónimo de "fila de la tabla" y "<th>" significa "cabecera de la tabla", que significa el mes y año se hará hincapié. El código "<tr colspan =" 7 ">" significa la fila se extenderá durante los siete columnas (días de la semana) en su calendario.

4 Hacer una fila que muestra los días de la semana a la cabeza de cada columna del calendario:
<Tr> <th align = "center"> Domingo </ th> <th align = "center"> Lunes </ th>

Asegúrese de terminar con "</ tr>" para concluir la fila.

5 Busque el número de días y el día de inicio de la semana para el mes y el año en su calendario.

6 Hacer una fila para la primera semana del calendario, usando "<td>" (celdas de la tabla normales), en lugar de "<th>" (celdas de encabezado). Deje en blanco las casillas antes de la fecha de partida. Por ejemplo, si el primer día del mes cae en lunes, la fila debe comenzar tan:
<Tr> <td> </ td> <td align = "center"> 1 </ td> <td align = "center"> 2 </ td>

Continúa en la sexta y terminando con "</ tr>." Reemplazar "centro" con "la derecha" o "izquierda" si desea que las fechas alineados de manera diferente.

7 Crear filas de la tabla adicionales para todos los días del mes. Poner fin a su mesa con "</ table>."

Consejos y advertencias

• Si añade texto a una celda en el calendario, tipo "
• "Para indicar un salto de línea después de la fecha.