HTML

Saudacoes amigos. Hoje iremos abordar um tema bem legalzinho de se trabalhar, HTML!
Uma linguagem muito simples sem muitas complicacoes, qualquer duvida mandem email ou post comentarios aqui no Blog!

Introducao!



O HTML, é responsável pela parte ‘pesada’ do site.
Hoje, existe o XHTML, que veio para substituir o HTML.Você deve se perguntar, por
que então eu vou aprender HTML em vez de aprender logo XHTML? É importante que
você aprenda o básico primeiro, a linguagem XHTML não é tão diferente do HTML,
mas é melhor que você conheça o HTML primeiro que tudo vai ficar mais fácil depois
para aprender o XHTML.

HTML

O HTML, é a linguagem mãe usada para construir os sites. Apesar de ser
coisa do passado, um site ser feito apenas com HTML, sem o HTML não é possível
montar uma página de internet.

Primeirante utilizaremos apenas o bloco de notas para criarmos uma pagina de internet. As Tags em HTML e as estruturas no qual iremos montar nossa pagina em HTML.

As Principais TAGS sao:

< html > é a tag de abertura do html.

< head > cabeçalho da página. onde ficam informações adicionais.

tag de fechamento do cabeçalho.

< title > é a tag de abertura do título da janela.

tag de fechamento do título da janela.

< body > corpo da página. aqui ficará a parte principal do seu site.

tag de fechamento do corpo da página.

tag de fechamento do html.

Digite as tags abaixo em bloco de notas e salve como nome.html
OBS: Nao copie e cole aqui do blog, pois tive que dar um espaco entre as tags para poder postar, pois qualquer pagina no qual contenha tags ira ser aplicado esses efeitos uma vez que digitar a tag nela.

< html >
< head >
< title >Meu website< /title >
< /head >
< body >
< /body >
< /html >

Ira salvar em uma pagina da Web, entao clique nessa pagina e visualize o titulo dela!
=DDD Facil nao? Voce pode alterar para o tipo que quiser, basta colocar como esta entre as tags.

CABECALHO

No corpo do HTML < BODY > coloque a seguinte tag:

< h1 >Um cabeçalho< /h1 >

A tag < h1 > indica a abertura de um cabecalho.
Temos h1, h2, h3, h4, h5 e h6 cada um possuindo um tamanho.

Salve e veja a webpage novamente.

PARAGRAFO

Agora iremos montar um paragrafo para nosso HTML.
Abaixo do cabecalho insira:

< p >Texto referente ao cabecalho< /p >

Dificil? hahaha vamos que temos mais tags para personalizar a pagina.

Italic & Bold

Voce deseja deixar um texto em negrito ou italico, basta colocar entre o texto as seguintes tags:

< b > Negrito < /b >

< i > Italico < /i >

Caso queira usar simultaneamente basta colocar < i > < b > texto < /b > < /i >

Texto com letras menores

< small > texto menos < /small >

Pula linha

Apenas o < b/ > basta

Uma linha horizontal

< hr/ > basta! =p

Lista

< ul >
< li >Um item de lista< /li >
< li >Outro item de lista< /li >
< /ul >

Lista ordenada:

< ol >
< li >Primeiro item da lista< /li >
< li >Segundo item da lista< /li >
< /ol >

Cor da tela do fundo:

Coloque o seguinte atributo dentro da tag body

< body style="background-color:Red;" >
ou
< body style="background-color:#ff0000;" >

Tabela de Cores do HTML



Linkando uma pagina na outra

Agora uma das partes mais importantes, Link de pagina sobre a outra, ou seja, ao clicar em um link abre a outra pagina.

< a href="outrapagina.html" >Aqui entra o nome do link< /a >

Obs importante: Voce deve criar as paginas antes de linkar. Para ficar mais facil, jogue todas as paginas em uma unica pasta.

Linkando paginas de internet em sua pagina

< a href="http://www.ettorefrancoads.blogspot.com/" >Aqui entra o nome do link< /a >

Bom pessoal por hoje e so, espero que tenham gostado. Logo irei postar mais assuntos como esse. Ate a proxima!

Duvidas e Sugestoes > ettorefrancobr@gmail.com