Você está na página 1de 1

Feito com amor por:

ESTRUTURAL ARTIGOS
ALGUMAS OBSERVAÇÕES
<html></html> OBRIGATÓRIO < h1>...</h 1>
Atributos: Algumas tags têm atributos que você
Indica a parte HTML do documento. Manchete mais importante. Ótimo para logotipos,
precisa usar. Por exemplo, as tags <a> precisam
títulos de páginas, etc.
de links em seu atributo href. <head></head> OBRIGATÓRIO
Denota a área da cabeça do seu site onde as
metatags são enviadas. Nenhum deste conteúdo é < h2>...</h 2>
Elementos Block vs. Inline: As tags HTML se
visível para o usuário. Segundo título mais importante. Use para
enquadram em duas categorias: bloquear ou
manchetes de artigos ou manchetes para seções
na linha. Por padrão, os elementos do bloco <body></body> OBRIGATÓRIO
principais da página.
preenchem todo o largura da página. Elementos Indica a área do corpo do seu documento.Tudo
dentro dessas tags é visível para o usuário.
inline, por outro mão, só tome um pouco de < h3>...</h 3>
espaço e sentará em seguida um para o outro. Terceiro título mais importante.
Elementos inline devem sempre ir dentro do bloco Use para artigos menos
elementos. Elementos de bloco não devem entrar CONTEÚDO importantes ou outro conteúdo
ou ao lado de elementos inline. secundário.
Você pode assumir que cada tag é um elemento de <div></div>
bloco a menos que diga o contrário. O cavalo de batalha das tags HTML. Use divs para
< h4>...</h 4> Quarta manchete
as diferentes seções do site, barras laterais,
rodapés, etc. mais importante. Bom para
Tags regulares versus fechamento automático: sidebars e rodapés.
A maioria das tags HTML tem um começo (<p>)
<p>...</p>
e término(</ p>). Algumas tags fecham a si < h5>...</h 5>Quinta manchete
Use para parágrafos!
mesmas (<img />). mais importante.
<img src=”http://www.example.com/image/
image.jpg” alt=”My Image” /> SELF-CLOSING < h6>...</h 6>
META Adiciona imagens ao seu site. Coloque o link da Sexta manchete mais importante.
imagem no atributo src e o nome no atributo alt.
<!DOCTYPE html> OBRIGATÓRIO
Informa ao computador que está vendo uma <ul>...</ul>
página HTML. Coloque isso no topo do seu Listas não ordenadas, perfeitas para listas com
documento HTML. marcadores e coisas do tipo.
TABELAS
<ol>...</ol>
<meta charset=”utf-8”> OBRIGATÓRIO < table></table >
Listas ordenadas, boas para listas numeradas ou
Diz ao computador que você está usando o alfabéticas. Use esta tag para adicionar tabelas ao seu site.
conjunto de caracteres UTF-8 (que é o conjunto
< thead></thead >
de caracteres para a maior parte da world wide
web). Protege contra o seu site se transformar em < li>...</li > Indica o cabeçalho da tabela, onde você coloca os
rabiscos. Cada item da lista fica dentro de uma tag li. nomes das colunas.
ELEMENTOS INLINE < th></th >
<title>..</title> OBRIGATÓRIO <a href=”http://www.example.com”>...</a > Use essas tags dentro da cabeça da mesa para dar
Dá ao seu site um título no topo da barra do um nome a cada coluna.
Adiciona links para sites externos através do
navegador. atributo href. < tbody></tbody >
Indica o corpo da tabela, aonde todos os dados
<script src=”http://www.example.com/ <span>...</span> tabulares vão.
scripts/myjavascript.js”></script> As tags span permitem agrupar elementos inline. < tr></tr >
Links para arquivos JavaScript externos por meio Use esta tag para denotar uma linha da tabela.
do atributo src. <strong>...</strong> < td>...</td >
Use para tornar as seções do texto em negrito. Coloque cada parte dos dados dentro de uma
<link rel=”stylesheet” href=”http://www. célula de dados, dentro da linha da tabela, dentro
example.com/css/stye.css”> Links para folhas <i>...</i> do corpo da tabela.
de estilo externas por meio do atributo href. Use o Use-os para criar partes do texto em itálico.
atributo rel para informar ao computador que esta
é uma folha de estilo.

skillcrush.com

Você também pode gostar