Download - HTML & CSS ninja - Material do curso
![Page 1: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/1.jpg)
HTML & CSS Ninjahersonls
![Page 2: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/2.jpg)
HTML/XHTML
![Page 3: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/3.jpg)
HTML/XHTML▪ HTML (HyperText Markup Langage ou Linguagem de
Marcação de Hipertexto) é a linguagem usada para criar documentos para web.
▪ XHTML (eXtensible HTML) é a mesma linguagem, com apenas as regras de sintaxe mais rigorosas.
▪ (X)HTML não é uma linguagem de programação; é uma linguagem de marcação, significa que é um sistema para identificar e descrever vários componentes de um documento, como cabeçalhos, parágrafos e listas. Você não precisa ter habilidades de programação para escrever (X)HTML.
![Page 4: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/4.jpg)
![Page 5: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/5.jpg)
HTML versão 5▪ Originalmente proposto pela Opera Software▪ Semântica e Usabilidade▪ Dar suporte para as mais recentes multimídias▪ Novas tags de miltimídias:
o <video>,<audio>,<header> e elementos <canvas>▪ Novas tags para melhorar o conteúdo e a semântica:
o <section>,<article>,<header> e <nav>
![Page 6: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/6.jpg)
ComeçandoElementos HTML
![Page 7: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/7.jpg)
Elementos HMTL
<nome do elemento> Conteúdo do Elemento </nome do elemento>
Tag de abertura
ConteúdoPode conter texto ou outros
elementos
Tag de fechamentoInicia-se com /
Elemento
![Page 8: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/8.jpg)
Elementos HMTL
<h1> Porque Deus amou o mundo de tal maneira..</h1>
Tag de abertura
ConteúdoPode conter texto ou outros
elementos
Tag de fechamentoInicia-se com /
Elemento
![Page 9: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/9.jpg)
Documento HTML
1. Define que o documento foi escrito em HTML
2. O head ( cabeçalho ) a informações sobre o documento.
3. Título descritivo obrigatório4. Corpo, contendo conteúdos que serão
mostrados no navegador.
![Page 10: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/10.jpg)
Atributos de tags
<nome do elemento atributo="valor" atributo="valor">Primeiro
atributo
Tag de abertura
Separado por espaços
Segundo atributo
![Page 11: HTML & CSS ninja - Material do curso](https://reader036.vdocuments.com.br/reader036/viewer/2022082510/58f27cb31a28ab16168b45b1/html5/thumbnails/11.jpg)
Atributos de tags
<img src="/imgs/topo.jpg" width="300">Primeiro atributo
Separado por espaços
Segundo atributo