Noções básicas de HTML
A maioria dos navegadores tem a capacidade de examinar o código HTML das páginas pelas quais você navega. Ao exibir o código, você verá várias marcas HTML (linguagem de marcação de hipertexto) cercadas por colchetes angulares(<>) e intercaladas com texto.
As etapas a seguir usam marcas HTML para criar uma página da Web simples. Nestas etapas, você digitará texto sem formatação em um arquivo no Bloco de Notas, fará algumas alterações, salvará o arquivo e recarregará sua página no navegador para ver as alterações.
Para criar um arquivo HTML
Abra o Bloco de Notas ou qualquer editor de texto sem formatação.
No menu Arquivo, escolha Novo.
Digite as seguintes linhas:
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>No menu Arquivo, escolha Salvar e salve o arquivo como C:\webpages\First.htm. Deixe o arquivo aberto no editor.
Alterne para o navegador e, no menu Arquivo, escolha Abrir, ou digite file://C:/webpages/first.htm na caixa de edição de URL do navegador. Você deve ver uma página em branco com a legenda da janela "Marcas HTML superiores".
Observe que as marcas são emparelhadas e incluídas em colchetes angulares. As marcas não diferenciam maiúsculas de minúsculas, mas a capitalização geralmente é usada para fazê-las se destacarem.
A marca <HTML> inicia o documento, e a marca </HTML> o encerra. As marcas de fim (nem sempre necessárias) são iguais à marca de início, mas têm uma barra (/) na frente da marca. Não deve haver espaços entre o colchete angular (<) e o início da marca.
Volte para o Bloco de Notas e, após a <linha /HEAD>, digite:
<BODY> HTML is swell. Life is good. </BODY>No menu Arquivo, escolha Salvar.
Volte para o navegador e atualize a página.
As palavras aparecerão na área do cliente da janela do navegador. Observe que o retorno de carro é ignorado. Se você quiser ter uma quebra de linha, deverá incluir uma marca
<BR>após a primeira linha.Para todas as etapas a seguir, insira o texto em qualquer lugar entre <BODY> e </BODY> para adicioná-lo ao corpo do documento.
Adicione um cabeçalho:
<H3>Here's the big picture</H3>Adicione uma imagem usando um arquivo .gif salvo no mesmo diretório da sua página:
<IMG src="yourfile.gif">Adicione uma lista:
<UL>Make me an unordered list. <LI>One programmer</LI> <LI>Ten SDKs</LI> <LI>Great Internet Apps</LI> </UL>Para numerar a lista, use marcas <OL> e </OL> emparelhadas no lugar das marcas <UL> e </UL>.
Isso deve ajudar a começar. Se você vir um ótimo recurso em uma página da Web, poderá descobrir como ele foi criado examinando o código HTML. Editores HTML como o Microsoft Front Page podem ser usados para criar páginas simples e avançadas.
Aqui está o código HTML completo do arquivo que você vem criando:
<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>
Para obter uma descrição completa de marcas, atributos e extensões, consulte a especificação HTML (Linguagem de Marcação de Hipertexto):
Versão mais recente publicada do HTML em W3C.org.