Transferir como PDF, PPTX
Carregado porFernando Vargas
Htmlbasico
O documento fornece informações sobre HTML/CSS, incluindo: 1) Estrutura básica de um documento HTML com tags head, title e body. 2) Exemplos de tags importantes como table, link e div. 3) Diferença entre HTML para estruturar conteúdo e CSS para formatá-lo. 4) Benefícios do uso de CSS como controle de layout e aplicação de estilos.
Htmlbasico
- 1.
- 2. Dados Pessoais Nome:Fernando Vargas Curso: Sistemas de Informação Twitter: twitter.com/fernandopfv Blog: www.sociedadeeinformatica.blogspot.com E-mail: fernando.pfv@hotmail.com Exemplo de site desenvolvido: www.elos-eventos.com.br
- 3.
- 4. Algumas Tags Importantes <!--comentar codigos no código html --> <!– border serve para colocar borda na tabela --> <table border=“1”> <tr> <!-- Representa uma linha da tabela --> <td> Representa célula(coluna) da tabela </td> </tr> </table>
- 5. Esta tag éinserida dentro das tags “head” e serve para referenciar um arquivo externo. <link href=“css.css"rel="stylesheet“ type="text/css">
- 6. Tags <marquee> Estatag serve para exibir um letreiro <blink> Para faze o texto ficar piscando
- 7. Fazendo links <a href=“#”>Nomedo link </a>
- 8. Ancora Exemplo deAncora em HTML Implementação de Ancora: <a href="#nome da ancora">Aqui voce coloca todo o texto desejado</a> <A NAME="nome da ancora aqui"></A>
- 9. Tags para Listas <ul><!-- Cria uma lista --> <li> <!– Cria item uma lista --> teste 1 </li> <ul> <!– Para subitens de uma lista--> <li> teste 2 </li> </ul> </ul>
- 10. Tag DIV O elementodiv foi criado com o HTML 4 com a finalidade de fornecer um mecanismo genérico para agrupar e prover estrutura aos documentos. Alguns recursos desta tag é a facilidade de trabalhar estilos. É utilizado no CSS para que cada seção tenha atributos diferenciados
- 11. Estilos É aabreviatura para Cascading Style Sheets. — Folha de Estilos em Cascata. define o layout de documentos HTML.
- 12. Diferença entre HTMLe CSS HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
- 13. Benefícios CSS éuma revolução no mundo do web design. Os benefícios concretos do uso de CSS incluem: controle do layout de vários documentos a partir de uma simples folha de estilos; maior precisão no controle do layout; aplicação de diferentes layouts para servir diferentes mídias (tela, impressora, etc.); emprego de variadas, sofisticadas e avançadas técnicas de desenvolvimento.
- 14. Estrutura do CSS Ex: body { background-color: #FF000; }
- 15. Exercicio 1 Fazerum página contendo dois links internos um com uma lista com subitens e o outro link com textos e ancoras. O Título do corpo da página precisa ter um letreiro piscante. Para facilitar o trabalho copiem o texto da web porém a ancora precisa ser feita. As novas páginas deverão ter opção de voltar para a página anterior. No final da página inicial terá um letreiro com o seguinte texto: Fim da Página Index A página inicial deve estar centralizada.