DESTAQUES:
Para complementar esta página de tutorial html, recomendamos você visitar este site com Truque e Dicas para aprender HTML.
Basicamente HTML é uma linguagem de programação para criar sites na internet, e que possibilita apresentar informações (documentação de pesquisas científicas) na Internet. Aquilo que você vê quando abre uma página na Internet é a interpretação que seu navegador faz do HTML. Para visualizar o código HTML de uma página use o menu "View" (Ver) no topo do seu navegador e escolha a opção "Source" (Código fonte). Pode-se afirmar que o HTML, é a linguagem mãe usada para construir os sites na internet.
Conheça Livros que falam sobre Linguagem de programação.
Use a Cabeça! HTML com CSS e XHTML 2a Edição permite que você evite a vergonha de pensar que as cores compatíveis com a Web ainda contam, e a tolice de perder uma tag em suas páginas. O melhor de tudo é que você aprenderá HTML, XHTML e CSS de uma maneira que não o fará dormir. Se você já leu algum livro da série Use a Cabeça!, sabe o que esperar: um formato visualmente rico, projetado para se adaptar à forma como seu cérebro funciona. Usando as últimas descobertas da neurobiologia, ciência cognitiva e teoria do aprendizado, este livro colocará o HTML e as CSS em seu cérebro para sempre. Aprenda os verdadeiros segredos da criação de páginas Web. Leia mais detalhes IR para Loja.
HTML - significa Hyper Text Markup Language, e consiste numa linguagem de formatação de texto que possibilita a construção e programação/formatação de páginas de texto, com a extensão .htm ou .html, que contêm pequenas tags htm que indicam ao browser (Internet Explorer ou FireFox) como apresentar o conteúdo incluído ou referenciado no documento (página), sob a forma de texto, imagens ou suportes multimídia.
É importante aprendermos o HTML para poder trabalhar com outras linguagens. O HTML é a base de tudo, e responsável pela parte "estrutural" de um site. Atualmente é usado o HTML junto com alguma outra linguagem de programação (PHP, ASP, Java, JavaScript, VBScript, Flash e outras) para fazer páginas interativas e avançadas, que com somente o html não seria possível.
A estrutura de uma página html ou (documento HTML) é muito simples: consiste numa tag exterior <html> que engloba o cabeçalho e o corpo do documento. Importante que se diga que todas as "tags" são inseridas entre o sinal de menor e maior: <tag>
Estrutura base da formatação da página HTML:
<html>
<head></head>
<body></body>
</html>
O cabeçalho e corpo do documento(página) são representados pelas TAGs <head> e <body>, respectivamente. No cabeçalho é incluído o título e outros parâmetros a passar ao browser, enquanto que no corpo é incluído o texto a apresentar, e as tags de controle que indicam ao browser como proceder para sua apresentação.
Cabeçalho e Corpo de um Documento HTML:
<html>
<head>
<title>Título do documento HTML</title>
</head>
<body>Conteúdo do documento HTML</body>
</html>
Inicialmente você precisará de um simples editor de textos. Se você tem instalado o Windows, poderá usar o Bloco de Notas (Notepad), que normalmente pode ser encontrado no menu do seu Windows: Programs em Accessories (Programas » Acessórios).
Notepad ou Bloco de Notas, é um editor de texto básico e simples, mas excelente para codificação dos códigos html, porque não interfere no que você está digitando. Com ele o controle é totalmente seu. O problema com programas que criam o website para você, é que eles vêm com uma série de funções pré-instaladas para você escolher. Por isso o mais recomendado no momento para você aprender html é o Bloco de Notas/NotePad.
Inicie e abra o Bloco de notas/Notepad (ou outro editor de texto específico para HTML) e digite o seguinte texto:
<html>
<head>
<title>Título do Documento HTML</title>
</head>
<body>
Conteúdo do documento HTML
</body>
</html>
OBS: Crie uma pasta chamda HTML no disco do computador, e salve esta página criada no Bloco de Noras (exemplo: minhapagina.html) e teste o resultado no seu browser.
A primeira tag ou marca do documento HTML é <html>, que indica ao browser o início do documento(página). A última tag/marca é </html> e indica ao browser o fim do documento ou da página. Entre as tags <head> e </head> fica a informação de cabeçalho e não é apresentada na janela do browser. Entre as tags <title> e </title> fica o título do documento e é apresentado na barra superior da janela do browser. Entre as tags <body> e </body> fica o conteúdo a apresentar na janela do browser.
Breve mais atualizações de como criar páginas em HTML. Obrigado pela visita!
Como Criar Site usando modelos de sites prontos: Conheça nosso Kit Webmaster com mais de 360 modelos de sites para edição e formatação. Leia mais sobre como fazer sites.
