html & css ninja - material do curso
TRANSCRIPT
HTML & CSS Ninjahersonls
HTML/XHTML
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.
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>
ComeçandoElementos HTML
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
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
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.
Atributos de tags
<nome do elemento atributo="valor" atributo="valor">Primeiro
atributo
Tag de abertura
Separado por espaços
Segundo atributo
Atributos de tags
<img src="/imgs/topo.jpg" width="300">Primeiro atributo
Separado por espaços
Segundo atributo