Como fazer um calendário usando HTML

Passo 1

Escreva "*" para criar sua tabela. Você pode aumentar o tamanho da borda do calendário substituindo "1" por um número maior.

Passo 2

Defina a largura de cada coluna digitando: *. Substitua "50" pela largura desejada da coluna e repita sete vezes, uma para cada coluna. Este passo não é necessário, mas manterá as colunas do seu calendário do mesmo jeito se você adicionar eventos ou outro texto.

Passo 3

Crie a primeira linha digitando :. Substitua "Setembro de 2010" pelo mês e ano corretos. O código " " significa "linha da tabela" (linha da tabela) e " " significa "cabeçalho da tabela" (cabeçalho da tabela), o que significa que o mês e o ano serão destacados. O código " " significa que a linha se estenderá por todas as sete colunas (dias da semana) do calendário.

Passo 4

Faça uma linha que mostre os dias da semana para cada coluna do calendário: Certifique-se de terminar com " " para terminar a linha.

Passo 5

Veja o número de dias e o dia da semana em que o mês e o ano civil começam.

Passo 6

Faça uma linha para a primeira semana do calendário, usando " " (células da tabela normal), em vez de " " (células do cabeçalho). Deixe as caixas em branco antes do dia de início. Por exemplo, se o primeiro dia do mês cair na segunda-feira, a linha deverá começar como: 12. Continue até o sexto dia e termine com "*". Substitua "center" por "right" ou "left" se você quiser alinhar os dias de maneira diferente.

Passo 7

Crie linhas de tabelas adicionais para todos os dias do mês. Termine sua mesa com "*".