Aprenda HTML
Palavras-chave: tutorial, Guia de referências, Computação, Open Source.
Conteúdo
Introdução
O HTML é a linguagem na qual são escritas as páginas da web. Ter uma boa noção de HTML pode ser útil caso você deseje manter seu próprio site, mantenha um blog ou tenha que desenvolver aplicativos para web. O objetivo deste guia é prover um conjunto de referências para que você possa aprender e aperfeiçoar seus conhecimentos de HTML.
Primeiros passos
Obtendo um editor
A primeira coisa que você precisa para começar a escrever sua página em HTML é de um editor apropriado. Um arquivo HTML é somente um arquivo texto, contendo tags especiais, que são reconhecidas e interpretadas pelo navegador web, gerando a representação que é mostrada na sua tela. Você pode usar qualquer editor de textos para escrever suas páginas, como o Bloco de Notas ou o Nano. Entretanto, vale a pena instalar um editor especializado, que destaque as tags HTML em cores diferentes. Alguns bons editores:
- SciTE: http://www.scintilla.org/SciTE.html. Editor opensource, funciona tanto em Linux quanto Windows. Interface simples e funcional.
- Vim: http://www.vim.org/. Editor inspirado no vi, com muitos recursos e extensibilidade. Indicado para usuários mais avançados.
Material introdutório
Com o editor de sua preferência instalado, você está pronto para começar a estudar algum material introdutório. Há uma boa quantidade de material disponível na Internet a respeito:
- HTML Básico: Material em português cobrindo o básico.
- Tutorial de HTML: Excelente material introdutório. Também fala sobre folhas de estilo (CSS).
Também há bons livros sobre o assunto. Dois que merecem destaque são:
- HTML 4.0 Fundamental, Marcondes, Christian Alvim. Editora Erica. 2005. Referência compreensiva, cobrindo desde a criação de um site básico até noções de DHTML e JavaScript.
- Construindo sites com CSS e (X)HTML, Silva, Mauricio Samy. Novatec, 2007. Livro que cobre os conceitos de folhas de estilo e XHTML.
Aprofundando os conhecimentos
Depois que você seguir algum dos materiais acima você está pronto para entrar em alguns tópicos mais avançados da publicação WEB. Alguns destes tópicos são:
CSS
CSS, ou Cascading Style Sheets, são folhas de estilo que permitem uma grande flexibilidade da formatação de suas páginas, salvando tempo e reduzindo o custo de manutenção do seu site. Algumas referências de CSS:
- Tutorial de CSS: excelente tutorial online sobre CSS.
- Guide to Cascading Style Sheets guia de referências do Web Design Group (WDG), com excelente material introdutório sobre CSS.
- Learning CSS central de referências sobre CSS, desde o básico até o avançado. Mantido pela WWW Consortium.
Padrões de HTML
Há diversas versões de HTML, que foram sendo desenvolvidas ao longo do tempo. Cada uma destas versões impõe um padrão diferente de tags que podem ser utilizados e em que contexto. Depois que você já tenha um certo conhecimento de HTML, é importante se assegurar que você está seguindo consistemente um padrão recomendado pela W3C. Este cuidado garante que sua página pode ser renderizada corretamente no maior número de navegadores possível, além de facilitar sua indexação por mecanismos de busca, como o Google. Algumas referências sobre o assunto:
- W3C HTML Recommendations recomendações da W3C sobre os padrões HTML que devem ser utilizados.
- W3Schools possui diversos tutoriais para cada padrão de HTML.
- HTML Standards Compliance - Why Bother? discussão sobre a importância de seguir os padrões.
- W3C Validator este site valida uma página HTML, para verificar se ela está de acordo com os padrões recomendados pela W3C.
Acessibilidade
Outra preocupação que você deve levar em consideração ao manter um site, é garantir que ele esteja acessível aos seus usuários, incluindo aqueles que tem necessidades especiais. Cuidados que devem ser tomados envolvem a escolha das cores, uso de descrições informativas para os links utilizados, utilização de do atributo ALT para imagens e a estruturação lógica do site. Um excelente material a este respeito é:
- Dive into accessibility - 30 days to a more accessible web site, de Mark Pilgrim.
Páginas Relacionadas
- Declaração de acessibilidade - 11/06/2006
Envie seus comentários a respeito
Comentários
- edson comentou.
2010-11-17 16:14:00Gostei.