Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como criar um Timeline HTML
HTML é uma linguagem de computador para estruturar o conteúdo em uma página da web. Esquemas baseados em colunas e linhas são referidos como mesas . O uso de uma tabela de HTML é limitado apenas pela criatividade . O tamanho das células individuais da tabela , bem como sua relação de aspecto e cores de fundo são tudo customizáveis. Enquanto as tabelas HTML são muitas vezes utilizados para organizar blocos de texto e imagens no layout geral de uma página , usos mais criativos podem gerar objetos gráficos visualmente atraente . Uma linha do tempo é um bom exemplo das possibilidades de uma tabela HTML. Um display gráfico impressionante de datas e eventos relacionados pode ser realizado através de HTML sozinho. Coisas que você precisa
browser
Show Mais instruções
1

Crie um arquivo HTML em branco no seu computador. Isso é feito clicando com o botão direito na área de trabalho e escolha " Novo> Documento de texto " e nomear a qualquer arquivo com uma extensão html . . Por exemplo, " timeline.html " .
2

Clique duas vezes no arquivo HTML para abrir em um navegador web. Ela vai mostrar uma tela em branco que o arquivo HTML está vazio.
3

Decidir sobre a orientação do seu cronograma HTML. Ele pode ser vertical ou horizontal . A maioria das linhas de tempo são susceptíveis de apresentar datas a partir da esquerda para a direita horizontalmente . No entanto, uma grande quantidade de dados ou texto na linha do tempo pode melhor adequá-lo para uma exposição vertical, como tela de computador têm largura limitada .
4

Desenhe o seu cronograma em um pedaço de papel para entender melhor seu gráfico layout. Lembre-se que o cronograma será reunido com colunas e linhas , mesmo que seus limites são invisíveis no produto final.
5

Construa uma tabela HTML no arquivo HTML. Todas as tabelas vai começar com uma tag

e terminar com um
tag ( ver Referências 1). Adicionar "border = 0", " cellpadding = 0 " e " cellspacing = 0" atribui ao tag para que o seu projeto não é dividido por processamento do navegador padrão.

Entre estes

bookends estão as próprias células . Cada linha começa com e terminam com . As células em cada linha começará com . A " linha " linha de tempo em si vai ser uma seqüência de células
e terminam com sem conteúdo e uma cor uniforme. Em um layout horizontal , essas células será longa e curta. Eles serão colocados ao lado uns dos outros , na mesma linha . A cor de fundo é definida pela adição do " bgcolor = " atributo dentro das marcas para a linha . Sua " width " e " height" também são definidos usando esses atributos da mesma maneira .
6

datas Posição de um lado da linha e as informações de texto correspondente a datas , por outro. Numa disposição horizontal , por exemplo , os eventos são descritos nas células

da linha superior , enquanto que as datas estão marcadas nas células da linha inferior , com a linha de colorido células em entre para exibir a linha .
7

Salve o arquivo HTML e atualizar a tela do browser. Seu cronograma será exibida. A maioria dos documentos HTML exigem tentativa e erro considerável para formatar corretamente. Faça os ajustes necessários , salve e atualize o navegador novamente até que você esteja satisfeito com os resultados.

Anterior :

Próximo : No
  Os artigos relacionados
·Como enviar um e-mail com o PowerShell 
·Como usar o DataGrid para Edição e Exclusão 
·Como determinar o comprimento de corda no texto B 
·Como usar INSTR Com Decode e No Name Oriente 
·Como ativar o WCF em SilverLight 
·Benefícios do Gerenciamento de Atributo 
·Limitações da Lógica Fuzzy 
·O que é Programação Cliente Servidor 
·Como fazer uma Fechar script em si 
·Definição das Demonstrações seqüenciais 
  Artigos em destaque
·PowerShell Tipos de Objeto 
·Como ler um arquivo em Fortran 
·Tipos de Corno Cláusulas Prolog 
·Como criar MFC Eventos 
·Fanuc CNC Dicas de Programação 
·Como converter Portlets para Servlets 
·Quais são as funções de discos rígidos 
·Como configurar um DataGrid DataTable para preencher Tr…
·Projeto Estágios da GUI 
·Como vincular um DataSet a um DataGrid 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados