01 HTML

Enviado por

Fernanda Almeida

Direitos autorais

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)

4 visualizações15 páginas

01 HTML

Enviado por

Fernanda Almeida

Direitos autorais

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/ 15

HTML

Programação II
Leonardo Gabriel Cassani Aramburú

1
HTML
HTML (Linguagem de Marcação de HiperTexto) é o
bloco de construção mais básico da web. Define o
significado e a estrutura do conteúdo da web.
Outras tecnologias além do HTML geralmente são
usadas para descrever a aparência/apresentação
(CSS) ou a funcionalidade/comportamento
(javaScript) de uma página da web.

2
HTML
"Hipertexto" refere-se aos links que conectam páginas
da Web entre si, seja dentro de um único site ou entre
sites. Links são um aspecto fundamental da web. Ao
carregar conteúdo na Internet e vinculá-lo a páginas
criadas por outras pessoas, você se torna um
participante ativo na world wide web.

3
HTML
O HTML usa "Marcação" para anotar texto, imagem e
outros conteúdos para exibição em um navegador da
Web. A marcação HTML inclui "elementos" especiais,
como <head> <title> <body> <header> <footer>
, , , , ,

<article>, <section>, <p>, <div>, <span>, <img>, <aside>,

<audio>, <canvas>, <datalist>, <details>, <embed>, <nav>,
<output>, <progress>, <video>, <ul>, <ol>, <li> e muitos
outros.

4
HTML - Estrutura

<!DOCTYPE html> O doctype. Nas névoas do tempo,

quando o HTML era recente (por volta de 1991/2),

doctypes funcionavam como links para uma série de
regras as quais uma página HTML tinha que seguir para
ser considerada uma página com um bom HTML, o que
poderia significar a verificação automática de erros e
outras coisas úteis. Ele costumava ser assim:

5
HTML - Estrutura
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
No entanto, atualmente, ninguém se importa com eles,
e eles são realmente apenas um artefato histórico que
precisa ser incluído para que tudo funcione
corretamente. <!DOCTYPE html> é a menor cadeia de
caracteres que conta como um doctype válido; é tudo o
que você realmente precisa saber.

6
HTML - Estrutura

1)<html></html>: O elemento <html> envolve o

conteúdo da página inteira e é conhecido como o
"elemento raiz" da página HTML.

7
HTML - Estrutura
2)<head></head>: O elemento <head> atua como um
container para todo o conteúdo da página HTML que
não é visível para os visitantes do site. Isso inclui
palavras-chave e a descrição da página que você quer
que apareça nos resultados de busca, o CSS para
estilizar o conteúdo da página (apesar de ser
recomendado faze-lo num aquivo separado),
declaração de conjunto de caracteres, e etc.

8
HTML - Estrutura
3)<meta charset="utf-8">: Este elemento define o
tipo da codificação dos caracteres que o seu
documento deve usar, neste caso, para o tipo UTF-8,
que inclui a maioria dos caracteres das linguas
humanas escritas. Essencialmente, ele consegue lidar
com qualquer tipo de conteúdo textual que você puder
colocar no documento. Não há motivos para não
indicar essa informação e esse elemento ajuda a evitar
vários problemas na sua página.
9
HTML - Estrutura

4)<title></title>: O elemento <title>. Isto define o

título de sua página, que aparecerá na guia do
navegador na qual a página está carregada e é usado
para descrevê-la quando for salva nos favoritos.

10
HTML - Estrutura

5)<body></body>: O elemento <body> contém todo o

conteúdo que você quer mostrar aos usuários quando
eles visitarem sua página, como texto, imagens,
vídeos, jogos, faixas de áudio reproduzíveis, ou
qualquer outra coisa.

11
HTML - Comentário

12
HTML – Caracteres Especiais

No HTML, os caracteres <, >,",' e o & são

caracteres especiais. Eles fazem parte da
própria sintaxe HTML; portanto, como você
inclui um desses caracteres no seu texto?
Por exemplo, se você realmente deseja usar
um e comercial ou sinal de menor que, e não
tenha ele interpretado como código.

13
HTML – Caracteres Especiais

14
Referências
developer.mozilla.org/pt-BR/docs/Web/HTML