htmlbasico
TRANSCRIPT
HTML/CSS
Dados Pessoais
Nome: Fernando Vargas
Curso: Sistemas de Informação
Twitter: twitter.com/fernandopfv
Blog: www.sociedadeeinformatica.blogspot.com
E-mail: [email protected]
Exemplo de site desenvolvido:
www.elos-eventos.com.br
Estrutura HTML<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
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>
Esta tag é inserida dentro das tags “head” e serve
para referenciar um arquivo externo.
<link href=“css.css"rel="stylesheet“ type="text/css">
Tags <marquee>
Esta tag serve para exibir um letreiro
<blink>
Para faze o texto ficar piscando
Fazendo links
<a href=“#”>Nome do link </a>
Ancora Exemplo de Ancora 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>
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>
Tag DIVO elemento div 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
Estilos É a abreviatura para Cascading Style Sheets.
— Folha de Estilos em Cascata.
define o layout de documentos HTML.
Diferença entre HTML e CSS HTML é usado para estruturar conteúdos. CSS é usado
para formatar conteúdos estruturados.
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.
Estrutura do CSS Ex:
body {
background-color: #FF000;
}
Exercicio 1 Fazer um 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.