Htmlbasico

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

Estrutura HTML
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Algumas Tags Importantes

<!– border serve para colocar borda na tabela -->
<table border=“1”>
<tr> 
<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> 
<li> <!– Cria item uma lista -->
teste 1
</li>
<ul> <!– Para subitens de uma lista-->
<li>
teste 2
</li>
</ul>
</ul>

Tag DIV
O 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.

Htmlbasico

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Semelhante a Htmlbasico

Semelhante a Htmlbasico (20)

Mais de Fernando Vargas

Mais de Fernando Vargas (10)

Htmlbasico