HTML & CSS ninja - Material do curso

Preview:

Citation preview

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