A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

HTML 5 TAGS TEXTUAIS Prof. Rosemary Melo.

Apresentações semelhantes


Apresentação em tema: "HTML 5 TAGS TEXTUAIS Prof. Rosemary Melo."— Transcrição da apresentação:

1 HTML 5 TAGS TEXTUAIS Prof. Rosemary Melo

2 TAGS TEXTUAIS Cabeçalhos em vários níveis diferentes
Criação de parágrafo Criação de linha horizontal Criação de texto pré-formatado Inclusão de figura na página Representação de bloco de texto

3 RESUMO - TAGS TEXTUAIS DESCRIÇÃO TAGS Cabeçalhos em vários níveis
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> Parágrafo <p></p> Linha horizontal <hr> Texto pré-formatado <pre></pre> Figura <figure></figure> Representaçao de bloco de texto <div></div> ou <span></span>

4 TAGS TEXTUAIS Cabeçalhos Cria cabeçalhos em vários níveis diferentes
Exemplo: <h1>Cabeçalho nivel 1</h1> <h2>Cabeçalho nivel 2</h2> <h3>Cabeçalho nivel 3</h3> <h4>Cabeçalho nivel 4</h4> <h5>Cabeçalho nivel 5</h5> <h6>Cabeçalho nivel 6</h6>

5 TAGS TEXTUAIS Parágrafos Criação de parágrafos Exemplo:
<p> Isto é um parágrafo </p> Linha Horizontal Quebra de parágrafo ou linha horizontal <hr>

6 TAGS TEXTUAIS Texto Pré-formatado Criação de texto pré-formatado
Demarca o parágrafo para deixar o texto intacto. Desabilita a quebra automática de linhas Exemplo: <pre> Linha 1. Linha 2 está para a direita da linha 1. Linha 3 está alinhada com linha 2. </pre>

7 TAGS TEXTUAIS Figura Inclusão de uma imagem numa página html. Exemplo: <figure> <figcaption>Foto de Férias</figcaption> <img src="Camelo.gif" alt="Foto de animal"> </figure> <figcaption> - Elemento que permite dar um título a uma imagem. <img> - Elemento que exibe a imagem alt - mostrado caso a imagem não possa ser exibida

8 TAGS TEXTUAIS Bloco de texto Representação de bloco de texto.
Usado para agrupar um bloco de comandos em html e aplicar alguma informação a este bloco. Usa-se na maioria das vezes para associar a este bloco um id ou class. Exemplo: <div> teste </div> ou <span> Teste de exemplo </span> <div> - usado para agrupar blocos maiores de código (divisões de página como menu, cabeçalho, etc) <span> - usado para um pequeno bloco


Carregar ppt "HTML 5 TAGS TEXTUAIS Prof. Rosemary Melo."

Apresentações semelhantes


Anúncios Google