Un calendario realizado 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 fiestas y eventos en el texto un código de colores o fondos. Con un poco de experiencia en la codificación HTML, puede personalizar su propio calendario HTML.

Instrucciones

1

Tipo "<table border = 1>" para crear tu mesa. 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

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

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

3

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

Reemplace "Septiembre 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ía de la semana) en su calendario.

4

Haga 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 días a partir de la semana para el mes y el año en el calendario.

6

Hacer una fila para la primera semana del calendario, usando "<td>" (celdas de tablas 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 un lunes, la fila debe comenzar como:
<Tr> <td> </ td> <td align = "center"> 1 </ td> <td align = "center"> 2 </ td>

Continuar en la sexta y terminando con "</ tr>." Reemplace "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. Termine su mesa con "</ table>."

Consejos y advertencias

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