Desenvolvimento Web I

Prof.
Daniel Cosme Mendonça Maia

Bacharel em Sistemas de Informação (Unimontes)
Especialista em Tecnologias para Desenvolvimento Web (Unopar)
Mestre em Informática (UnB)
Desenvolvedor Web (HTML/CSS/PHP)
 A HTML possui várias tags de formatação de texto,
como: negrito, sublinhado , itálico, subscrito,
sobrescrito, texto grande, texto pequeno e outros.
Tag Descrição
 ... ... Define seu texto em negrito/forte
 ... Define seu texto como sublinhado
 ... Define seu texto em itálico
... Define seu texto subscrito (Ex.: H2O)
... Define seu texto sobrescrito (Ex.: 15²)
<big>...</big> Define seu texto grande
... Define seu texto pequeno
80
<html>
<head>
<title>Tags de Formatação</title>
</head>
<body>
Palavras escritas em inglês, ou
outro idioma, devem ser escritas em
letras itálicas. Exemplo:
software.
A fórmula da água é: H2O
1 Gigabyte = 210 Megabytes

</body>
</html> 81
<html>
<head>
<title>Tags de Formatação</title>
</head>
<body>
<big>Este é um texto de
destaque</big>
Este é um texto
forte
Obs.: Informações
adicionais
</body>
</html>
82
 A fonte do texto dos parágrafos pode ser
formatada utilizando-se o elemento font;
 Assim como os outros elementos, a tag 

possui vários atributos para personalização e
definição de propriedades da fonte do texto;
 A tag obrigatoriamente deve ser

acompanhada por um atributo, caso contrário
não há sentido de ser utilizada.
86
 Os principais atributos da tag são os
seguintes:
Atributo Valores Possíveis Descrição do Atributo

color Cores RGB Define a cor da fonte
face Fontes Padrão Define o tipo da fonte
size 1a7 Define o tamanho da fonte
+1 a +6
-1 a -6
87
88
Sites para consulta da tabela de cores:
https://www.flextool.com.br/tabela_cores.html
89
▪ Verdana, Geneva, sans-serif
▪ Georgia, Times New Roman, Times, serif
▪ Courier New, Courier, monospace
▪ Arial, Helvetica, sans-serif
▪ Tahoma, Geneva, sans-serif
▪ Trebuchet MS, Arial, Helvetica, sans-serif
▪ Arial Black, Gadget, sans-serif
▪ Times New Roman, Times, serif
▪ Lucida Sans Unicode, Lucida Grande, sans-serif
90
 Além de manipular texto, é possível exibir
imagens nos documentos HTML;
 A tag utilizada para isso é a <img>;
 Assim como o elemento a, o elemento img

precisa, obrigatoriamente, de alguns
atributos para exercer sua função.
110
 Os principais atributos da tag <img> são:
src URL do arquivo Define a fonte do arquivo de imagem a ser exibido
pelo navegador (obrigatório)
width (números inteiros) Define a largura da imagem (opcional)
height (números inteiros) Define a altura da imagem (opcional)
align left Define o alinhamento da imagem à esquerda
right Define o alinhamento da imagem à direita
top Alinha a imagem acima
middle Alinha a imagem no centro
bottom Alinha a imagem abaixo
alt Texto Define um texto alternativo para ser exibido no não
carregamento da imagem
border (números inteiros) Define a espessura da borda
111
<html>
<head>
<title>Trabalhando com
Imagens</title>
</head>
<body>
<img src=“ifnmg.jpg” alt=“IFNMG
Campus Pirapora” align=“right”
border=“0”/>
</body>
</html>
112
 Os principais atributos da tag <img> são:
vspace (números inteiros) Define o espaçamento vertical entre a imagem e
outros objetos.
hspace (números inteiros) Define o espaçamento horizontal entre a imagem e
outros objetos.
113
<html>
<head>
<title>Trabalhando com Imagens</title>
</head>
<body>
<img src=“ifnmg.jpg” alt=“IFNMG
Campus Pirapora” align=“left” border=“1”
hspace=“60” vspace=“40”/>Com os
atributos hspace e vspace podemos
definir o espaçamento entre a imagem e
os objetos da página.
</body>
</html>
114

Desenvolvimento Web I

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Desenvolvimento Web I

Enviado por

Direitos autorais:

Formatos disponíveis

Prof.

Daniel Cosme Mendonça Maia

 Assim como os outros elementos, a tag <font>

 A tag <font> obrigatoriamente deve ser

Atributo Valores Possíveis Descrição do Atributo

 A tag utilizada para isso é a <img>;

 Assim como o elemento a, o elemento img

Você também pode gostar