html - textos

8

Click here to load reader

Upload: luis-cobucci

Post on 11-Jun-2015

763 views

Category:

Technology


0 download

DESCRIPTION

Tags básicas para marcação de conteúdo textual.

TRANSCRIPT

Page 1: Html - textos

Linguagem de Hipertextos

HTML - Textos

Page 2: Html - textos

Sobre mim

Luís Otávio Cobucci Oblonczyk• Desenvolvedor PHP• Orientador SENAC-TI

http://twitter.com/lcobucci

Page 3: Html - textos

Sobre este trabalho

• Esta apresentação foi criada sob as licenças Creative Commons

• Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.

Page 4: Html - textos

Tags de texto

• As principais tags para representar textos em HTML são:– <p> = Parágrafos– <h1>, <h2>, ..., <h6> = Cabeçalhos– <q>, <blockquote> = Citações– <strong> = Forte ênfase– <em> = Ênfase

Page 5: Html - textos

Parágrafos

• Parágrafos são fundamentais em qualquer tipo de texto.

• No HTML utilizamos a tag <p> para definir um parágrafo. Exemplo:

<html><head><title>Teste</title></head>

<body>

<p>parágrafo 1</p><p>parágrafo 2</p>

</body>

</html>

Page 6: Html - textos

Cabeçalhos

• Cabeçalhos são os títulos e subtítulos de um documento.

• No HTML existem 6 níveis de cabeçalhos e utilizamos a tag <hX> onde X é o nível do cabeçalho. Exemplo:

<html><head><title>Teste</title></head>

<body>

<h1>Título</h1><h2>Subtítulo</h2>

</body>

</html>

Page 7: Html - textos

Citações

• Quando utilizamos frases de outras pessoas em nossos textos, estamos fazendo uma citação.

• No HTML existem 2 formas de citação: <q> (inline) e <blockquote> (bloco). Exemplo:

<html><head><title>Teste</title></head>

<body>

Teste de <q>citação</q>

<blockquote>Citação em bloco</blockquote>

</body>

</html>

Page 8: Html - textos

Ênfase

• Em HTML, quando queremos enfatizar que certo conteúdo do texto podemos utilizar 2 tags: <strong> (forte ênfase) e <em> (ênfase).

Exemplo: <html><head><title>Teste</title></head>

<body>

Teste de <strong>ênfase 1</strong>

Teste de <em>ênfase 2</em>

</body>

</html>