0% acharam este documento útil (0 voto)
3 visualizações9 páginas

Como Usar HTML

O documento apresenta uma introdução ao HTML, explicando que é uma linguagem de marcação usada para estruturar conteúdo na web. Ele descreve as principais tags HTML e a estrutura básica de um documento, que inclui o doctype, cabeçalho e corpo. Além disso, enfatiza a importância do doctype como uma instrução obrigatória para navegadores.

Enviado por

mirnagomesti
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
3 visualizações9 páginas

Como Usar HTML

O documento apresenta uma introdução ao HTML, explicando que é uma linguagem de marcação usada para estruturar conteúdo na web. Ele descreve as principais tags HTML e a estrutura básica de um documento, que inclui o doctype, cabeçalho e corpo. Além disso, enfatiza a importância do doctype como uma instrução obrigatória para navegadores.

Enviado por

mirnagomesti
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 9

Boas práticas de

como usar HTML


O que é HTML?
É uma linguagem de marcação para
hipertexto, ou seja, são blocos de
conteúdo que completam a estrutura.

Exemplo: quando acessamos


qualquer página, estamos vendo a
interpretação que o seu navegador
está fazendo de um arquivo HTML.
Tags de HTML
As tags em HTML funcionam como
etiquetas mostrando o início e o fim de um
bloco de instruções. Seu principal objetivo
é organizar um arquivo de códigos e são
utilizadas em linguagens de programação
de um modo geral.

Elas são identificadas pelo uso dos sinais de


menor e maior (< e >) para abrir e fechar
indicando onde seria o nome da tag.
<head> <p>

Cabeçalho Parágrafo

<img> </a>

Imagem Âncora

<ol> e <li> <ul>


Lista não
Lista ordenada
ordenada

<table> <!--comentário-->

Tabela Comentário

<form>
Formatação
Formulários
de texto

<audio> <video>

Áudio Vídeo

<div> <span>

Div Span
Estrutura
básica
É possível compreender o documento
em HTML de uma maneira muito simples,
através de uma divisão de blocos das
tags essenciais, conforme a a seguinte
estrutura:

Definição do documento (doctype)


Cabeça (head)
Corpo (body)
Estrutura básica
head e body
Em português: cabeçalho e corpo

<head>

O cabeçalho de um arquivo HTML é a cabeça da


página. É nela que colocaremos as informações e
instruções que serão aplicadas na página. Nele
também ficam o título da página, links para scripts,
arquivos .css (ou folhas de estilo), entre outros.

O corpo são as informações


específicas de cada bloco de html.
É nesta segunda parte do arquivo
que são utilizadas todas as tags
descritas anteriormente.
Estrutura básica
1. <!DOCTYPE html>
2. <html lang="pt-br">
3. <head>
<title>Título da página</title>
4.
<meta charset="utf-8">
5.
</head>
6.
<body>
7. Aqui vai o código HTML que
8. fará seu site aparecer.
9. </body>
10. </html>
Doctype - Definindo
o documento
Uma coisa importante: SEMPRE deve existir
o doctype, que é este código <!DOCTYPE
html>.

O doctype não é uma tag HTML, mas uma


instrução para o navegador e outros
programas que podem ler seu site, que o
código encontrado ali é um código HTML.
Assim eles sabem o que fazer para mostrar
seu site da melhor forma possível. Lembre-
se: o doctype é OBRIGATÓRIO e deve ser
sempre a PRIMEIRA LINHA do seu
documento.
E aí, partiu
colocar a mão
na massa?
Compartilhe esse mini guia com aquele
amigo que está querendo aprender
sobre HTML.

Você também pode gostar