Ircservices.com


Cómo hacer un calendario usando html

Cómo hacer un calendario usando html


Un calendario en HTML puede ser una adición útil a su sitio web, o un ejercicio práctico en formato de tablas. Hay muchas maneras de personalizar un calendario. Usted puede hacer un gran calendario con los eventos de cada fecha; un pequeño calendario con enlaces a eventos diarios; o con fiestas y eventos en texto codificado por colores o fondos. Con un poco de experiencia en código HTML, puede personalizar su propio calendario HTML.

Instrucciones



Tipo "< frontera mesa = 1 >" para crear la tabla. Puede aumentar el tamaño de la frontera de su calendario reemplazando los "1" con un número mayor.



Fijar el ancho de cada columna escribiendo: < ancho de col = "50" > reemplazar "50" con el ancho de columna deseado y repetir siete veces, una vez para cada columna. Este paso no es necesario, pero ayudará a mantener las columnas calendario iguales si se añade eventos u otro texto.



Crear la primera fila: < tr colspan = "7" >< th align = "center" > < /th >< /tr > reemplazar "Septiembre de 2010" de septiembre de 2010 con el mes correcto y año. El código "< tr >" significa "fila de la tabla" y "< th >" significa "encabezado de tabla", que significa el mes y año se destacó. El código "< tr colspan ="7">" significa que la fila se extiende sobre todas las siete columnas (días de la semana) en tu calendario.



Hacer una fila que muestra los días de la semana a la cabeza de cada columna del calendario: < tr >< th alinear = "center" > el domingo < /th >< th align = "center" > el lunes < /th > Asegúrese de terminar con "< /tr >" para terminar la fila.



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



Hacer una fila en la primera semana del calendario, utilizando "< td >" (celdas de una tabla normal), en lugar de "< th >" (celdas de encabezado). Deje las casillas en blanco antes de la fecha de inicio. 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 final con "< /tr >." Reemplace "centro" con la "derecha" o "izquierda" Si desea que las fechas que se alinea de forma diferente.



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