Estrutura básica do HTML

Conhecendo o básico de HTML

A partir de agora, iremos falar um pouco sobre a estrutura básica do HTML.

Mas, no que se consiste essa estrutura e pra que serve?

Pense no HTML como uma casa. Antes que a casa tome forma, o que é necessário para que ela fique de pé? Se você pensou em um bom alicerce, colunas e tijolos, pensou certo. No HTML não é diferente! Precisamos entender, como qualquer coisa na vida, a base de qualquer coisa.

O HTML é a base da World Wide Web, o que nós conhecemos hoje como WWW. Esta linguagem foi criada por Tim Berners-Lee no CERN em 1991. Com o passar dos anos o HTML evoluiu de uma simples linguagem para algo com mais suporte web. Passou assim a atuar em multimídias, gráficos, armazenamento local de dados e muito mais coisas.

Basicamente ela foi criada para permitir que documentos contenham links para outros documentos, essa era a ideia. Mas, ela acabou se ramificando para a área de conteúdos na web, permitindo com uso dela, que cabeçalhos, parágrafos, listas e imagens sejam apresentados de forma organizada.

OBS IMPORTANTE: HTML NÃO É LINGUAGEM DE PROGRAMAÇÃO!

Veja abaixo uma apresentação básica de uma estrutura de página:

Exemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


Você pode notar que o documento iniciou com uma inscrição chamada <!DOCTYPE html>. A essa inscrição damos o nome de declaração, porque ela declara ou confirma que este documento esta sendo inscrito ou desenvolvido em Linguagem HTML. Isso facilita para que o navegador ou a web entenda que, esta página é feita na linguagem HTML.

Embora iremos falar com mais detalhes a frente, o que vem a seguir são as definições de cabeçalho, corpo, título e parágrafo da nossa página html.


Representação visual



O que acha de testar essa página e ver funcionando em seu navegador? Na nossa página de Introdução ao HTML mostramos em detalhes como fazer este teste.

Mas não saia dai que ainda temos muito mais para prender juntos sobre este linguagem.

Comments

Post a Comment

E ai Dev! deixe sua opinião!