Meus Tutoriais

Tutoriais, Design, Programação, Linux e Tecnologia.

Conceitos necessários para construir uma página

julho 18th, 2007 by Lucas

html1.jpg Veja os conceitos necessarios para fazer uma pagina na web

As tags são constituídas por um comando inserido dentro dos símbolos de menor que < e maior que >. Exemplo: <html>; <body>; <br>.

As tags sempre começam <> e, via de regra, são fechadas por </>. Ex: <html> … </html>. Porém, nem todas as tags precisam ser fechadas, como por exemplo a tag <p> que insere um espaço (parágrafo) entre as linhas.

Um documento HTML básico deve conter pelo menos as seguintes tags:

<html>
<head>
<title>Título da página</title>
</head>
<body>

Corpo da página

</body>
</html>

Observe que as tags usadas no exemplo foram fechadas ao final de sua área de influência.

Não precisamos de um compilador para obter um resultado dos códigos HTML. Tudo o que precisamos é um editor de textos comum e de um navegador que se encarregará de interpretar o código. A diferença básica que fará com que o sistema operacional indentifique que se trata de uma página HTML é a extensão do arquivo. Ou seja, enquanto um arquivo de texto como é salvo com a extensão “.txt”, uma página Web deve ser salva com a extensão “.htm” ou “.html”. Uma primeira página bem básica que possui um título (Primeira página) e uma frase (Alô, Mundo!):

<html>
<head>
<title>Primeira página</title>
</head>
<body>

Alô, mundo!

</body>
</html>

Observação: as formatações das fontes (cores, negrito, itálico) dos exemplos são apenas para fins de facilitar a visualização. Lembre-se de que arquivos de texto não possuem formatação alguma. Portanto não vá copiar os exemplos e tentar salvá-los usando um editor que formata o texto como o Word ou WordPad. Use o bloco de notas ou algum editor apropriado para HTML.

Analisando as linhas de código acima. Todo documento HTML inicia-se com a tag <html> e é encerrado com </html>. Todo o conteúdo do documento deverá estar inserido dentro desse par de tags.

As outras tags fundamentais num documento HTML são aquelas que delimitam o cabeçalho e o corpo do documento. Tudo aquilo que estiver inserido entre a tag de abertura <head> e a de fechamento </head> é considerado cabeçalho do documento. Sem dúvida a parte mais importante do cabeçalho é o título, que é inserido dentro da tag <title>…</title>. Os títulos são mostrados na barra de título do programa e na área em aparecem as páginas já visitadas. Também é fundamental para os mecanismos de busca da internet que exibirão o título da página como o link de opção encontrada. O corpo são os textos, imagens, documentos, formulários etc mostrados pela janela do navegador. No código, corpo é tudo aquilo inserido entre as tags <body> e </body>.

No tocante às cores, bgcolor é o código usado para controlar a cor de fundo (segundo plano) da página; link, a cor dos links não visitados; vlink, a cor dos links visitados; e alink, a cor que o link assume ao ser clicado.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Posted in Programação, html

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

Pesquisar posts


Categorias

Tutoriais Anteriores

Sites Amigos

Anúncio provido pelo BuscaPé
BlogBlogs
VoceSabia