Criando seu primeiro HTML

Aprenda com esse artigo a produzir seu primeiro HTML

Para criar um HTML você deve abrir um editor de texto simples e inserir o seguinte conteúdo:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Seu primeiro HTML</title>
        <meta charset="utf-8">
    </head>
    <body>
        <p>Aqui é onde as coisas acontecem, o corpo de seu HTML</p>
    </body>
</html>

Salve o arquivo com a extensão .html ou .htm e abra o arquivo com seu navegador web preferido (espero que não seja o IE), o resultado deve ser parecido com o abaixo:

Exemplo de HTML

Explicando o código

 1 <!DOCTYPE html>
 2 <html lang="pt-br">
 3     <head>
 4         <title>Seu primeiro HTML</title>
 5         <meta charset="utf-8">
 6     </head>
 7     <body>
 8         <p>Aqui é onde as coisas acontecem, o corpo de seu HTML</p>
 9     </body>
10 </html>

Na linha 1 temos o DTD (Document type definition), ele define qual é o tipo de documento, no exemplo ele indica que o documento é do tipo HTML5. Inclua sempre o DTD, vulgo doctype em seus arquivos HTML, em breve voltaremos a falar mais sobre esse assunto. Por hora, saiba que ele é muito importante.

Na linha 2 começamos o HTML de fato. Entre as linhas 3 e 6 temos o cabeçalho (head) e entre as linhas 7 e 9 temos o corpo (body) do HTML.

Me lembrei do Joel Santana na propaganda do Head & Shoulders, aqui é Head & Body:

O conteúdo que vai dentro da tag body é reenderizado pelo browser, é o conteúdo de seu site/sistema.

Na linha 5 temos o misterioso meta charset="utf-8", ele define qual o conjunto de caracteres sua página está usando, este é outro assunto que trataremos em breve.


Fonte: - Introdução ao HTML- Mozilla.

Veja a próxima matéria

Comentários

comments powered by Disqus