Apostila HTML

Programação I

•

UTFPR

0

Ricardo Ludwig

28.02.2018

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 5 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Programação I

55.492 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

HTML
HTML é um padrão para Hyper Text Markup Language.
É uma linguagem de marcação para delimitar tags.
Documentos HTML são escritos com tags.
Cada tag representa um tipo de conteúdo diferente do documento.
Tags HTML
Tags HTML servem para definir que tipo de conteúdo será mostrado. Pode ser uma imagem, um parágrafo, uma quebra de linha, uma tabela...
Normalmente são escritas de forma que sempre irão fechar, ou em conjunto com outro par, ou em si mesma. 
Exemplo: <p>Este é um parágrafo. </p> ou <img src=”img.jpg” />
Navegadores 
Navegadores são usados para interpretar documentos HTML e mostrar para o usuário a sua interpretação.
Estrutura Básica de um Documento HTML
Um documento HTML é escrito sempre respeitando uma estrutura básica, composta por cabeçalho e corpo dentro do documento.
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
Também devemos especificar ao navegador, qual é o tipo de documento que queremos mostrar. Para isso usamos a declaração DOCTYPE.
HTML5: <!DOCTYPE html>
HTML 4.01: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Podemos escrever um documento HTML em qualquer editor de texto. Seu formato deve ser .html.
No HTML, não serão interpretados pelo navegador mais de um espaço seguido e nem mesmo quebras de linha, a não ser que sejam 
Exemplos de Tags HTML
Tags de cabeçalho;
Parágrafos;
Links;
Images;
Princípios Básicos de Boa Escrita
Elementos não vazios, devem ser fechados sempre;
Os elementos podem ser aninhados, porém devem sempre respeitar a ordem de fechamento contrária da que foram abertos;
Alguns elementos são vazios;
Escrever sempre em caixa baixa;
Atributos devem ser usados entre aspas.
Atributos
São informações adicionais de um elemento HTML. Alguns elementos não funcionarão corretamente sem o auxílio de um atributo.
Atributos são descritos pelo seu nome seguido de sinal de igual (=) e logo depois do seu valor entre aspas (duplas ou simples). Alguns valores não são obrigatórios terem valor.
Cabeçalhos
Cabeçalhos definem a estrutura de um documento. Podem ser títulos ou até mesmo informações sobre a página que ficam ocultas do usuário. 
Dentro do documento, podemos usar a tag <head> para definir quais são as configurações da página. 
Podemos usar a tag <h1><h2>...<h6> para definir títulos para a página. 
Linha de estudo
Comentário HTML;
p: parágrafo;
br: quebra de linha;
pre: pré formatar textos;
b e strong: força do texto;
i e em: itálico;
small: fonte pequena;
big: texto grande;
marked: marcar o texto;
del: deletado;
ins: sublinhado;
sub: texto abaixo;
sup: texto acima;
q: texto entre aspas;
blockquote: citação grande;
abbr: abreviações;
address: endereço;
cite: obras literárias;
code: código de computador;
kbd: teclado;
samp: retorno de código;
var: variáveis; 
bdo: mudar direção do texto;
TABELAS;
FIELDSETS;
FORMULÁRIOS
BLOCKS;
LISTAS;
IFRAMES;
ENTIDADES;
LAYOUT;