Compartilhar via

Noções básicas de HTML

A maioria dos navegadores tem a capacidade de examinar a origem HTML das páginas que você navega. Ao exibir a origem, você verá várias marcas HTML (linguagem de marcação de hipertexto), cercadas por colchetes angulares(<>), intercaladas com texto.

As etapas abaixo 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 suas alterações.

Para criar um arquivo HTML

  1. Abra o Bloco de Notas ou qualquer editor de texto sem formatação.

  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ê 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 tag <HTML> inicia o documento, e a tag </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.

  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 serão exibidas na área do cliente da janela do navegador. Observe que o retorno de carro é ignorado. Se você quiser pular uma linha, deverá incluir um tag <BR> 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 que 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 marcas <OL> e </OL> emparelhadas no lugar das marcas <UL> e </UL>.

Isso deve te levar a começar. Se você vir um ótimo recurso em uma página da Web, poderá descobrir como ele foi criado examinando a origem HTML. Editores HTML, como o Microsoft Front Page, podem ser usados para criar páginas simples e avançadas.

Aqui está toda a fonte HTML para o 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.

Consulte também

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

  • Last updated on