Html 5

6

0

6

0

3

Vitória Holanda

13/07/2021

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! 🧡

Html5, Css3, Javascript

1.167 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 
foi criado em 1991 por Tim 
Berners-lee ,e sua última versão 
(html 5 ) foi criada em 2014 
Elemento 
é a base do html- começando 
com uma tag de abertura 
exemplo: 
<h1 class="titulo">Título</h1> 
 class- atributo 
 h1 -tag de abertura 
 título-conteúdo do 
elemento 
 </h1>- tag de fechamento 
 
 
 
 
 
 
 
Estrutura básica 
1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <meta> 
5. <title></title> 
6. <body> 
7. </body> 
8. </head> 
i. </html> 
Definição 
 <html> - para iniciar 
 <head> - cabeça - onde 
ficará o título do assunto 
 <title> - título 
 <body> - corpo da 
estrutura - onde ficará o 
conteúdo que será 
abordado. 
 
 
 
 
 
 
 
 
 
 
Html 5 
utilize o codepen 
para realizar os 
seus projetos. 
Semântica 
 <section> - representa uma 
sessão genérica de artigos 
 <header> - cabeçalho de 
uma página 
 <article> - pode ser um 
conteúdo relevante dentro 
da sua página. 
 <aside> -- representa um 
conteúdo relacionado ao 
assunto principal. 
 <footer>-- roda pé da 
página 
 
 <h1-h6> -- títulos dentro de 
uma página 
Textos e links 
para textos maiores e mais 
densos,devemos utilizar o 
<p>,que é um parágrafo. 
sendo o tal utilizado para 
comportar de imagens até 
vídeos. 
<a> -- é uma âncora,utilizada 
para conectar vários assuntos 
na web. 
atributos 
<a href = para onde a sua âncora 
está apontando</a> 
<a target =serve para indicar 
como o link vai ser aberto</a > 
 
prefixos 
mail -- para email 
tell--para ligar para um número 
Tag img 
para inserir uma imagem 
dentro do seu site. 
 <img> 
não possui tag de fechamento 
 scr - o caminho que a 
imagem faz(obrigatório 
 <img alt - utilizado quando 
a imagem não é 
carregada,mostrando para 
o usuário o que ela 
significa. 
 
Listas com HTML 
servem para agrupar coisas 
<ul> 
elemento o qual a ordem dos 
itens na lista não é importante. 
<ol> 
elemento o qual a ordem dos 
itens na lista é importante . 
<li> 
é um item dessa lista