Partilhar via


Noções básicas HTML

A maioria dos navegadores têm a capacidade de examinar o código fonte HTML das páginas que você navega.Quando você exibir a fonte, você verá um número de marcas de formatação HTML (Hypertext markup language), entre colchetes angulares (<>), intercaladas com texto.

As etapas a seguir usam marcas HTML para criar uma página da Web simple.Nestas etapas, você vai digitar texto sem formatação em um arquivo no bloco de notas, fazer algumas alterações, salve o arquivo e recarregar a 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 sem formatação.

  2. Do arquivo menu, escolha New.

  3. Digite as seguintes linhas:

    <HTML>
    <HEAD>
    <TITLE>Top HTML Tags</TITLE>
    </HEAD>
    </HTML>
    
  4. Do arquivo menu, escolha Salvare salve o arquivo como c:\webpages\First.htm.Deixe o arquivo aberto no editor.

  5. Switch de seu navegador e o arquivo menu, escolha Abrir, ou tipo file://C:/webpages/first.htm na caixa de edição URL do navegador.Você deve ver uma página em branco com a legenda da janela "Marcas HTML superior".

    Observe as marcas estão emparelhadas e são incluídas em colchetes angulares.Marcas não diferenciam maiúsculas de minúsculas, mas a capitalização é freqüentemente usada para destacar as marcas.

    A marca <HTML> Inicia o documento e a marca </HTML> termina-lo.Marcas de fim (nem sempre necessárias) são a mesma marca inicial, mas têm uma barra (/) na frente da marca.Não deve haver nenhum espaço entre o colchete angular (<) e o início de sua marca.

  6. Alternar de volta para o bloco de notas e depois o </HEAD> linha, digite:

    <BODY>
    HTML is swell.
    Life is good.
    </BODY>
    
  7. Do arquivo menu, escolha Salvar.

  8. Alterne para o seu navegador e atualize a página.

    As palavras que aparecerão na área de cliente da janela do navegador.Observe que o retorno de carro é ignorado.Se você deseja ter uma quebra de linha, você deve incluir um <BR> marca depois da primeira linha.

    Para todas as etapas a seguir, insira o texto em qualquer lugar entre <BODY> e </BODY> Para adicionar o 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 como 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 em vez disso, use o par <OL> e </OL> marcas do <UL> e </UL> marcas de formatação.

Que deve obter começar.Se você vir um excelente 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á a fonte HTML inteira para o arquivo que você foi construindo:

<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 de linguagem de marcação de hipertexto (HTML):

http://www.w3.org/pub/www/MarkUp/

Consulte também

Conceitos

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