02 a formatação de texto em HTML

Formatação de texto
• Formatação de parágrafos
<!DOCTYPE html>
<html>
<body>
Um parágrafo de texto em HMTL
</body>
</html>

Formatação de cabeçalhos (Headings)
• Não deve utilizar os elementos heading para tornar o seu
texto maior ou simplesmente negrito
• Os motores de busca utilizam os headings para indexar a
estrutura e o conteúdo de uma página web.
• É importante a utilização correcta dos elemento heading para
criar uma estrutura de informação hierárquica.
• Os elementos <h1> devem ser os cabeçalhos principais,
seguidos dos elementos <h2>, depois os menos importantes
<h3> e assim sucessivamente até ao <h6>.

• Formatação de cabeçalhos (Headings)
<!DOCTYPE html>
<html>
<body>
<h1>Um Título de Nível 1 em HMTL</h1>
Um parágrafo de texto em HMTL
</body>
</html>

• Os Cabeçalhos têm 6 níveis de importância. Do maior para o menor:
<!DOCTYPE html>
<html>
<body>
</body>
</html>

• Os parágrafos são definidos com o elemento 
<!DOCTYPE html>
<html>
<body>
Isto é um parágrafo
Isto também é um parágrafo
</body>
</html>

• O fecho do elemento não é obrigatório mas é
aconselhável.
<!DOCTYPE html>
<html>
<body>
</body>
</html>

• O atributo title
<!DOCTYPE html>
<html>
<body>
ISTEC - Instituto Superior de Tecnologias
Avançadas
</body>
</html>

• Codificação de caracteres
<!DOCTYPE html>
<html>
<head>
<meta charset=“Latin-1”>
</head>
<body>
</body>
</html>

• Line Breaks
The Earth gets one hundred tons
heavier every day due to falling space dust.

• O problema do poema
Escrever:
As armas e os barões assinalados
que da ocidental praia lusitana
por mares nunca dantes navegados
passaram inda além da Taporbana

Se escrevermos tudo utilizando o elemento , ou não colocamos
nenhum espaço:
As armas e os barões assinalados,
Que da ocidental praia Lusitana,
Por mares nunca de antes navegados,
Passaram ainda além da Taprobana,
Em perigos e guerras esforçados,
Mais do que prometia a força humana,
E entre gente remota edificaram
Novo Reino, que tanto sublimaram;

Se escrevermos tudo utilizando o elemento , ou
não colocamos nenhum espaço:

Ou ficamos com espaços a mais
As armas e os barões assinalados,
Que da ocidental praia Lusitana,
Por mares nunca de antes navegados,
Passaram ainda além da Taprobana,
Em perigos e guerras esforçados,
Mais do que prometia a força humana,
E entre gente remota edificaram
Novo Reino, que tanto sublimaram;

Ou ficamos com espaços a mais

• Solução
Texto Pré-Formatado - mantém os ENTER e os ESPAÇOS escritos em texto dentro do elemento <PRE>
<pre>
As armas e os barões assinalados,
Que da ocidental praia Lusitana,
Por mares nunca de antes navegados,
Passaram ainda além da Taprobana,
Em perigos e guerras esforçados,
Mais do que prometia a força humana,
E entre gente remota edificaram
Novo Reino, que tanto sublimaram;
</pre>

• Texto Negrito
• Texto Itálico
• Texto Sublinhado

• O Elemento Font

• strike
• big
• small
• tt
• address
• strong
• Blockquote
• Cite
• Code

• nobr
• center
• div
• span

• <abbr title="Professor">Prof</abbr> Stephen
Hawking is a theoretical physicist and cosmologist.
• <acronym title="National Aeronautics and Space
Administration">NASA</acronym> do some crazy
space stuff.

• address
• bold
• cite
<cite>A Brief History of Time</cite> by Stephen
Hawking has sold over ten million copies
worldwide.

• Defenitions
A <dfn>black hole</dfn> is a region of space from
which nothing, not even light, can escape.

• Emphasis
I think Ivy was the first.
I think Ivy was the first.
I think Ivy was the first.

• Headings
<h1>This is a Main Heading</h1>
<h2>This is a Level 2 Heading</h2>

• Linhas Horizontais - Horizontal Rules
• O elemento <hr> cria uma linha horizontal na página HMTL.
• Este elemento deve ser utilizado para separa conteúdos.
Venus é o único planeta do sistema solar que
roda no sentido dos ponteiros do relógio.
<hr>
Jupiter é maior do que todos os outros planetas
juntos.

• Insert e Delete

It was the <del>worst</del> <ins>best</ins>
idea she had ever had.

• Italic
This is how we make a word appear
italic.
It's a potato Solanum
teberosum.
Captain Cook sailed to Australia on the
Endeavour.

• Paragrafos
A paragraph consists of one or more
sentences that form a self-contained unit of discourse. The
start of a paragraph is indicated by a new line.
Text is easier to understand when it is split
up into units of text. For example, a book may have
chapters. Chapters can have subheadings. Under each
heading there will be one or more paragraphs.

• Blockquote
<blockquote
cite="http://en.wikipedia.org/wiki/Winnie-the-Pooh">
Did you ever stop to think, and
forget to start again?
</blockquote>

• StrikeThrough <strike>
• Strong 
• Superscript 
• Subscript 
• Emphasis

02 a formatação de texto em HTML

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Empfohlen

Empfohlen (20)

02 a formatação de texto em HTML