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
- Próxima página: Começando
- Tutorial de CSS Iniciante
- Tutorial de HTML Intermediário
Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.
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.
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?
OLÁ MIKE COMO FAZ UM SATI??
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!
[...] 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+), [...]
[...] Tutorial Iniciante de HTML – O básico de HTML compatível com os padrões [...]
[...] Tutorial Iniciante de HTML – Traduzido de fevereiro a março 2008 – Original: HTML Beginner Tutorial [...]
ô Mike como fazer para construir um site com formato box e cores degradadas.?
[...] Acesse http://codando.wordpress.com/2008/02/16/htmliniciante/ [...]