Rafael Paulino Desenvolvedor web e mobile

portfolio de Rafael Paulino desenvolvedor web e mobile

Blog - Estrutura básica do HTML

Postado por Rafael Paulino - sexta-feira, 22 de fevereiro de 2013

Agora nós iremos conhecer a estrutura básica do HTML, e para isso você irá precisar de um editor de texto ou editor web (Bloco de Notas, Dreamweaver, SublimeText,  Kompozer, NVU, Notepad++, etc…).

Com o seu editor aberto comece digitando o texto do mesmo jeito que está escrito logo abaixo:

<html>
<head>
<title>Estrutura básica</title>
</head>
<body>
Minha primeira página HTML
</body>
</html>

Agora escolha a opção salvar como no seu editor e salve como estrutura.html (não se esqueça de verificar se a opção: todos os tipos de arquivos – ou All Files) está selecionada no seu editor.

Explicando o código escrito a cima:

<html> </html> Indica ao navegador que essa é uma página HTML.

<head> </head> Informa que esse é o cabeçalho do documento, no cabeçalho podem existir diversas outras tags especificas e scripts em diversas linguagens.

<title> </title> É a tag do título da página, aquele que irá aparecer na barra superior do navegador, junto com o nome do mesmo. Exemplo: Estrutura básica – Mozilla Firefox ou Estrutura básica – Microsoft Internet Explorer .

<body> </body> É o corpo da página, entre essas tags é que você irá colocar textos, fotos, formulários,etc…

Nota:

Nunca deve-se “embaralhar” as tags, elas podem vir uma dentro da outra, porém a que começou primeiro tem que terminar por último. Exemplo:

<tag1><tag2>Texto</tag2></tag1>

ou

<html> <head> <title> Título </title> </head> <body> Texto </body> </html>


Rafael Paulino

Rafael Paulino: Desenvolvedor web e mobile, atua na área desde 2008, apaixonado por esportes principalmente por corrida, musculação, natação e artes marciais. PHP - jQuery - Java Script - Ajax - XHTML5 - CSS - iOS

Veja também:



Recomende 

Entre em contato