Tutorial Iniciante de HTML

16 02 2008

 image

Este Tutorial Iniciante de HTML assume que você não possui nenhum conhecimento anterior de HTML ou CSS. É bem fácil seguir este guia se você acompanhar cada um dos passos, testando os códigos e lendo os textos sugeridos, antes de avançarmos para o Tutorial Iniciante de CSS. No fim, todas as lições são reunidas pra você revisar.

O que você deve ter em mente é que HTML e CSS servem pra separar o conteúdo (HTML) da apresentação (CSS). HTML não é nada além de conteúdo cuidadosamente estruturado. A formatação desse conteúdo vem depois quando nós entrarmos no CSS.

Se você viu outros tutoriais de HTML, talvez perceba que eles mencionam algumas coisas que o HTML Dog não. Isso acontece porque muitos métodos são obsoletos, foras do padrão ou apenas más práticas. Colocando na cabeça que você deve fazer as coisas do jeito certo desde o começo vai trazer resultados bem melhores no final.

Antes de ir pro conteúdo, leia esse artigo d’O Básico da Web sobre Desenvolvimento Web em Camadas, pra entender exatamente qual a função do que você vai aprender aqui.

Para aproveitar melhor esse tutorial, teste todos os códigos em seu navegador e leia os textos indicados.

Conteúdo

  • Começando -
    O que você precisa pra seguir em frente e fazer sua primeira página HTML.
  • Tags, Atributos e Elementos -
    O material de que HTML é feito.
  • Títulos de Páginas -
    Títulos. Para páginas. Difícil de entender, eu sei…
  • Parágrafos -
    Estruturando seu conteúdo com parágrafos.
  • Cabeçalhos -
    Os seis níveis de cabeçalhos.
  • Listas -
    Como definir listas ordenadas e desordenadas.
  • Links -
    Como ligar coisas.
  • Imagens -
    Adicionando um pouco mais que texto…
  • Tabelas -
    Como usar dados tabulares.
  • Formulários -
    Caixas de texto e outras coisinhas pra entrada de dados.
  • Juntando tudo -
    Misturando todo o material acima. Uma espécie de revisão.
  • Exercícios – Pra garantir que você não vai esquecer.

Páginas Relacionadas

BlogBlogs Tags: , , ,

Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.

About these ads

Ações

Information

10 responses

24 02 2008
via Rec6

HTMLDog: Tutorial Iniciante de HTML « Codando

Tutorial fácil de seguir, feito pra quem ainda não conhece HTML, numa linguagem leve e descontraída. Nele, o leitor aprende a criar páginas web do jeito certo – seguindo os web standards e não valorizando conceitos de acessibilidade e usabilidade.

2 05 2008
Mike

Vocês podem me achar um pouco burrinho, porque eu me complico facilmente, mas eu queria saber o que vocês querem dizer com “teste todos os códigos em seu navegador”, além disso, a página é recheada de links e fica aquela dúvida: Em quais links devo clicar? Eles são realmente necessários? Como faço para tirar minhas dúvidas?

11 10 2009
ELZINHOW

OLÁ MIKE COMO FAZ UM SATI??

2 05 2008
Elomar França

Olá, Mike

Ninguém vai te achar “burrinho”, pode ficar tranquilo. Todo mundo se complica no começo.

Nas páginas seguintes você vai encontrar alguns códigos. “Testar todos os códigos no seu navegador” é salvar cada código que aparecer como um arquivo html em seu computador e abrir no seu navegador. Mais instruções sobre isso nas próximas páginas.

Quanto aos links, o que você precisa é clicar no link “Próxima Página” no fim de cada página. Também te aconselho a ler todos os textos de outros blogs que forem indicador por aqui, e ver os exemplos nos assuntos que você se sentir mais confuso.

Pra tirar suas dúvidas você pode comentar os textos, como você está fazendo. Assim que eu posso eu respondo cada comentário.
Além disso, você pode entrar no curso gratuito de introdução ao desenvolvimento web, no site http://impactajax.com/maisweb/cursos. Lá você pode ainda tirar suas dúvidas nos fóruns ou me enviar mensagens pessoais.

Vlw!

27 05 2008
Tutorial Avançado de HTML « Codando

[...] o Tutorial Iniciante de HTML e o Tutorial Intermediário de HTML ensinam a usar o padrão mais recente do HTML (XHTML 1.0+), [...]

31 05 2008
Tutorial Avançado de HTML: Recapitulada nos Padrões « Codando

[...] Tutorial Iniciante de HTML – O básico de  HTML compatível com os padrões [...]

10 12 2008
Blog do Márcio d’Ávila » Tutoriais de HTML e CSS

[...] Tutorial Iniciante de HTML – Traduzido de fevereiro a março 2008 – Original: HTML Beginner Tutorial [...]

11 04 2011
kroche welc

ô Mike como fazer para construir um site com formato box e cores degradadas.?

20 05 2011
25 10 2013

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




Seguir

Obtenha todo post novo entregue na sua caixa de entrada.

%d blogueiros gostam disto: