TECONOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO

IPOLUB 2022/2023

Ficha teórica 5

Unidade II – Desenvolvimento e manutenção de páginas para a

internet estáticas
Tema: 2.2 – Fundamentos da linguagem HTML

Objectivos
✓ Perceber e implementar código em linguagem HTML
✓ Ser capaz de criar uma página web utilizado um editor HTML

2.1 – Estruturação, criação e manutenção de páginas para a internet

Introdução
Etiquetas básicas (continuação)

g. Outras tags de formatação do texto

No quadro a seguir são ilustradas outras tags que permitem formatar um
texto:
Tag Função Exemplo de uso
<big> Coloca o texto com um formato <big> texto grande </big>
grande
<em> Realça o texto com ênfase Texto normal <em> realçado </em>
<small> Coloca o texto em tamanho pequeno Texto normal <small> pequeno
</small>
<sub> Coloca o texto em modo subscrito Texto normal _subscrito
<sup> Coloca o texto em modo sobscrito Texto normal ^sobscrito

2.2.5.2 – Comentários
Os comentários são de uma extrema utilidade. Servem para legendar um
elemento dentro da página. Porém, o seu conteúdo não será visível para o
utilizador da página. Para inserir um comentário no código html usamos a os
símbolos <!-- e -->
Exemplo de uso:
<!-- Este contéudo é um comentário em html -->

Professor: Domingos Carlos Dionísio E-mail: domicardio@gmail.com

WhatsApp: 927252519
 TECONOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO
IPOLUB 2022/2023

2.2.5.3 – Linha horizontal

A tag <hr> permite inserir uma linha horizontal na página web. Nela é possível
inserir alguns atributos, como por exemplo:
Align → permite alinhar horizontalmente a linha (left, right, center)
Noshade →Permite inserir uma sombra
Size → Permite definir a espessura da linha
With → Define o comprimento da linha.

Exemplo de uso:
<hr align=”center” width=”50%” size=”3px” noshade=”noshade”>

2.2.5.4 – Tipos de listas

As listas podem ser consideradas parágrafos com sequências de contéudos.
Essas sequências podem ser enumeradas, representadas através de símbolos
sem ordem aparente ou simplesmente representadas de forma destacada. No
html existem as seguintes listas:
a) Listas desordenadas
Uma lista desordenada começa com a tag <ul> e cada elemento da linha
começa com a tag <li>
Exemplo de uso:
<p> Lista de compras </p>
<ul>
<li> Carne </li>
<li> Peixe </li>
<li> Ovos </li>
<li> Manteiga </li>
</ul>

Professor: Domingos Carlos Dionísio E-mail: domicardio@gmail.com

WhatsApp: 927252519
 TECONOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO
IPOLUB 2022/2023

b) Listas ordenadas
Uma lista ordenada começa com a tag <ol> e cada elemento da lista
começa com a tag <li>

Exemplo de uso:
<p> Lista de compras </p>
<ol>
<li> Carne </li>
<li> Peixe </li>
<li> Ovos </li>
<li> Manteiga </li>
</ol>
c) Listas de definição
Este tipo de lista começa com a tag <dl>. Cada termo da lista começa com
a tag <dt> e cada descrição da lista começa com a tag <dd>

Exemplo de uso:
<p> Lista de compras </p>
<dl>
<dt> Carne </dt>
<dd> Alimento com fibras e lípidos </dd>
<dt> Ovos </dt>
<dd> Alimento Provenientes das aves </dd>
</dl>

Professor: Domingos Carlos Dionísio E-mail: domicardio@gmail.com

WhatsApp: 927252519