Básico - HTML - Estrutura Básica

Bem, agora que ja sabemos como funciona a internet, e qual programa utilizar, é hora de pormos a mão na massa!

Estrutura Fundamental de Uma Tag HTML ---------------------------------------

Utilizaremos como exemplo a tag de título do html:

<h1 align="left">Titulo da Página</h1>

O que isso nos diz???

< - Inicia a tag; h1 - Define o típo de título. Esse (h) vem do inglês: "Header", cabeçalho. Acho que é isso.

align="left" - "Align" de alinhamento. "left" de esquerda. Alinhamento à esquerda!!!!

> - termina a tag.

Título da Página - O que será exibido.

</h1> - Tag de fechamento. Complementar de <h1>

Isso pode até estar meio confuso agora, mas você vai ver o quanto é simples e lógico.

OBS: Só o que vale ressaltar é que nem todas as tags possuem tags de fechamento ou complementares. E que nem sempre é necessário colocar atributos nas tags. Por exemplo, eu poderia escrever apenas:

<h1>Texto</h1>

E funcionaria.

Agora que sabemos a estrutura de uma tag (lembrando que a pronúncia é "tég"), vamos à estrutura de uma página web. Oba!

Estrutura Básica de Uma Página HTML ------------------------------------

Sintaxe:

<html> <head> <title>Titulo que aparece na Bara de Títulos do Navegador</title> </head>

<body>

Aqui o conteúdo da página. Ou seja, tudo o que se vê na página.

</body> </html>

Supondo que digitanos isso no nosso editor (seja lá qual for), salvaremos isso com a extensão .htm ou .html, tanto faz.

Clique no link abaixo, veja o resultado disso e ai você tira suas conclusoes:

Exemplo1

Só pra ajudar, você pode notar que:

1 - As tags <html> e </html> delimitam a página. 2 - As tags <head> e </head> Delimitam o cabeçalho, este por sua vez, contém informações não visíveis ao usuário. É aqui que colocamos recursos especiais como scripts ou meta tags (para as ferramentas de busca). 3 - O texto entre as tags <title> e </title> aparecem na barra de títulos do navegador. 4 - As tags <body> e </body>, delimitam o que é visível na página. Vale ressaltar que "body" (pronuncia-se bári) significa corpo. Ou seja o corpo da página! =D

Bem por hoje ficaremos por aqui porque tou com muito sono...

Até amanhã.

-------------------//--------------------

contato: giordanoonline@bol.com.br messenger:giordanogiuliano@hotmail.com orkut: giordano giuliano

Editoria:

Add new comment

HTML com quebra

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <h4> <h3> <p> <img>

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
Esta questão é necessária para prevenir spam :(
10 + 0 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

Regras e Regulamentos

Atenção:

Não há censura de opinião nos comentários, mas o vc é o responsável pelo que escrever. Ou seja, aqui vale o Yoyow (You Own Your Own Words).

Lembre-se: Opinião é diferente de informação.

Informações sem fonte ou que não puderem ser checadas facilmente podem ser deletadas.

Serão apagadas sem dó mensagens publicitárias fora de contexto, spam usado para melhorar a posição de sites e outras iniciativas de marqueteiros pouco éticos.

Respeite as regras básicas Netiqueta.

Grosserias desacompanhadas de conteúdo, coisas off-topic e exagero nas gírias ou leet que dificultem o entendimento de não-iniciados tb não serão toleradas aqui.

Vou apagar sumariamente todos os comentários escritos inteiramente CAIXA ALTA, mensagens repetidas e textos que atrapalhem a diagramação do site.

Além de prejudicar, a leitura é falta de educação.

Não publique tb números de telefone, pois não tenho como checá-los. As mensagens com números de telefone serão apagadas inteiras.

Obviamente, qq conteúdo ilegal tb será deletado sem discussão.

Evite também mensagens do tipo "me too" (textos apenas concordando com o post anterior sem acrescentar algo à discussão).

Clique aqui para ver algumas dicas sobre como escrever um texto claro, objetivo e persuasivo.

Todas os comentários são considerados lançados sobre a licença da Creative Commons.

Se você não quer que seu texto esteja sob estes termos, então não os envie.