Como colocar um icone para seu blog

A tag: link rel="shortcut icon" href="imagens/ico.png" type="image/x-icon" (colocada entre <>) é usada para essa ação

- Não se muda o conteúdo do atributo rel
- Dentro do atributo href se coloca o nome da imagem
- Não se muda o atributo type

Meta Tags

Ficam dentro do head

nome delas (colocar entre <>):

  meta name="description" content=""
meta name="author" content=""
meta name="keywords" content=""
meta http-equiv="content-language" content="pt-br"
meta http-equiv="content-type" content="text/html; charset=UTF-8"

Mapa do Google

1- Vá no Google Maps

2 - Pesquise o endereço

3- Procure o botao: Compartilhar / Incorporar mapa ( Geralmente aparece em quando se clica nas 3 barrinhas Ξ )

4 - selecione Incorporar Mapa

5 - Copie o link que aparece

6 - Cole no Bloco de Notas

Separação do HTML em Pastas

Separação do HTML em Pastas

1ª Etapa

1.  Dentro da pasta em que se faz o HTML crie uma pasta chamada "conteúdo" e outra chamada  "imagens"
2. Na pasta "conteúdo" coloque todas as páginas do seu site MENOS a index
3. Na pasta "imagens" coloque todas as imagens do seu site 

2ª Etapa

1. Mudar os Links para outras páginas e Imagens

Na index

links vão ficar:

imagens vão ficar:

Nas páginas de conteúdo

links vão ficar:

imagens vão ficar:

Listas em HTML

Resultado:

Ps: é possível  fazer sublistas, basta iniciar outra lista dentro do "li"

Tabelas em HTML

É NECESSÁRIO COLOCAR O ATRIBUTO BORDER NA TAG TABLE:

border="   "

ATRIBUTOS PARA TD:

• COLSPAN="    " - AUMENTA O TAMANHO DA CÉLULA PARA O LADO
• ROWSPAN="     " - AUMENTA O TAMANHO DA CÉLULA PARA BAIXO 

Outros atributos para Table:

align	Alinha horizontalmente a tabela em relação ao seu entorno.
background	Permite-nos colocar um fundo para a tabela desde um link a uma imagem.
bgcolor	Dá cor de fundo à tabela.
border	Define o número de pixels da borda principal.
bordercolor	Define a cor da borda.
cellpadding	Define, em pixels, o espaço entre as bordas da célula e o conteúdo da mesma.
cellspacing	Define o espaço entre as bordas (em pixels).

Estratégias de Navegação HTML

Aparente Com Redundância

Aparente Sem Redundancia

Um dos links não funciona

NÃO COLOQUE O AHREF NO QUE NAO FUNCIONAR!!!!!!!!!!!!

Não Aparente

Para colocar imagem como link é só colocar tag de imagem ao invés de escrever:
home / avançar / voltar