Partilhar via

Noções básicas de HTML

A maioria dos navegadores tem a capacidade de examinar o código-fonte HTML das páginas que você navega. Ao visualizar a fonte, você verá várias tags HTML (Hypertext markup language), cercadas por colchetes angulares(<>), intercaladas com texto.

As etapas abaixo usam tags 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

  1. Abra o Bloco de Notas ou qualquer editor de texto simples.

  2. No menu Arquivo , escolha Novo.

  3. Digite as seguintes linhas:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. No menu Arquivo , escolha Salvar e salve o arquivo como c:\webpages\First.htm. Deixe o arquivo aberto no editor.

  5. 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ê verá uma página em branco com a legenda da janela "Top HTML Tags".

    Observe que as tags estão emparelhadas e estão incluídas entre colchetes angulares. As tags não são sensíveis a maiúsculas, mas a maiúscula é frequentemente utilizada para destacar as tags.

    A tag <HTML> inicia o documento e a tag </HTML> o encerra. As tags finais (nem sempre obrigatórias) são as mesmas que a tag inicial, mas têm uma barra (/) na frente da tag. Não deve haver espaços entre o colchete angular (<) e o início da sua tag.

  6. Volte para o Bloco de Notas e, após a linha </HEAD>, digite:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. No menu Arquivo , escolha Salvar.

  8. Volte para o navegador e atualize a página.

    As palavras aparecerão na área do cliente da janela do seu navegador. Observe que o retorno do carro é ignorado. Se você quiser ter uma quebra de linha, você deve incluir uma <BR> tag após a primeira linha.

    Para todas as etapas a seguir, insira o texto em qualquer lugar entre <BODY> e </BODY> para adicionar ao corpo do documento.

  9. Adicione um cabeçalho:

    <H3>Here's the big picture</H3>

  10. Adicione uma imagem, usando um arquivo .gif salvo no mesmo diretório da sua página:

    <IMG src="yourfile.gif">

  11. Adicione uma lista:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Para numerar a lista, use as tags emparelhadas <OL> e </OL> no lugar das <UL> e </UL>.

Isso deve ajudá-lo a começar. Se você vir um ótimo recurso em uma página da Web, você pode descobrir como ele foi criado examinando o código-fonte HTML. Editores de HTML como o Microsoft Front Page podem ser usados para criar páginas simples e avançadas.

Aqui está todo o código-fonte HTML para o arquivo que você está 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 tags, atributos e extensões, consulte a especificação HTML (Hypertext Markup Language):

Última versão publicada do HTML em W3C.org.

Ver também

MFC Noções básicas de programação para Internet

  • Last updated on