Como criar um calendário usando HTML

Um calendário feito em HTML pode ser uma adição útil ao seu site ou um exercício prático para formatar tabelas. Existem várias maneiras de personalizar um calendário. Você pode criar um ótimo calendário que contenha os eventos que aparecem em cada data; um pequeno com links para eventos diários; ou uma das partes e eventos com texto codificado com cores ou planos de fundo. Com um pouco de experiência em codificação HTML, você pode personalizar seu próprio calendário.

Passo 1

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

Etapa 2

Defina a largura de cada coluna digitando: *. Substitua “50” pela largura desejada da sua coluna e repita sete vezes, uma para cada coluna. Esta etapa não é necessária, mas manterá as colunas da agenda iguais se você adicionar eventos ou outro texto.

Etapa 3

Criar a primeira escrita consecutivas: . Substitua “setembro de 2010” pelo mês e ano corretos. O código “ ” significa “linha da tabela” e ” ” significa “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.

Etapa 4

Fazer uma linha mostrando os dias da semana para a cabeça cada coluna do calendário: . Certifique-se de terminar com “ ” para finalizar a linha.

Etapa 5

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

Etapa 6

Crie uma linha para a primeira semana do calendário, usando ” ” (células normais da tabela), 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 segunda-feira, a linha começará como: 12. Continue até o sexto dia e termine com “*”. Substitua “center” por “right” ou “left” se desejar alinhar os dias de maneira diferente.

Etapa 7

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

Referências

 

Você pode estar interessado:

Deixe um comentário