HTML
Autor: Éttore Franco | Publicado: 2010-07-22T16:46:00-07:00

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, porque então eu vou aprender HTML em vez de aprender logo XHTML? É importante quevocê 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 depoispara aprender o XHTML.HTMLO HTML, é a linguagem mãe usada para construir os sites. Apesar de sercoisa do passado, um site ser feito apenas com HTML, sem o HTML não é possívelmontar 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.htmlOBS: 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. CABECALHONo 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.PARAGRAFOAgora 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 & BoldVoce 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 linhaApenas o  < b/ > basta Uma linha horizontal< hr/ > basta! =pLista< 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 HTMLLinkando uma pagina na outraAgora 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