Scribd
Carregar
67 visualizações4 páginas

Atividade 2

Segunda atividade

Enviado por

nsogirl588
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
67 visualizações4 páginas

Atividade 2

Segunda atividade

Enviado por

nsogirl588
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 4

UFCD 9963 – Edição Web

Atividade nº 2 – HTML Formador: André Campos

Utilize o Visual Studio Code (ou outro editor…) para realizar os exercícios
propostos.
Coloque todos os ficheiros dentro de uma pasta de trabalho.
No final, todos os ficheiros produzidos deverão ser submetidos como resposta à
Tarefa.

Exercício 1 – Listas em HTML

1. Visite o site https://www.w3schools.com/html/html_lists.asp e considere os elementos aí


descritos

2. Crie um ficheiro HTML com o nome listas

3. Insira a estrutura básica de um ficheiro HTML

4. Altere o título do documento para Listas em HTML

5. Crie a seguinte estrutura de título e subtítulo, utilizando <h1> e <h2> respetivamente

6. Imediatamente a seguir ao subtítulo, insira um elemento <hr>

7. Crie as seguintes listas, tendo em consideração o seguinte:


• O título de cada lista deverá ser definido com <h3>
• Deverá existir um elemento <hr> a separar cada lista
• Na definição de cada lista deverá utilizar no atributo style, a propriedade list-style
para definir as marcas de cada lista (square; circle; upper-latin; upper-roman;
lower-latin; etc…)
8. Grave as alterações e abra o documento com o browser (observe o resultado)
Exercício 2 – Estilos em HTML

1. Visite o site https://www.w3schools.com/html/html_styles.asp e considere os elementos aí


descritos

2. Faça uma cópia do ficheiro produzido no exercício 1 e altere-lhe o nome para


listas_bonitas.html.

3. Efetue alterações de estilo ao ficheiro. Deverá utilizar elementos Block (<div>) e Inline
(<span>) para ajudar nas formatações. As alterações a efetuar são as seguintes:

• Cor de fundo de todo o documento: lightblue

• Título e Subtítulo
o Cor de fundo: deepskyblue
o Alinhamento do texto: center
o Cor do título: darkblue
o Cor do subtítulo: gold
o Tipo de letra: Arial

Exemplo

• Listas
o Tipo de letra: Verdana
o Cor dos títulos das listas: chocolate
o Cor dos itens das listas: rgb(85, 59, 4)

Exemplo
4. Altere todas as ocorrências de HTML 5 de forma que estas adquiram as seguintes
características:
• Tamanho do texto: larger
• Cor do texto: red

Exemplo

5. Grave as alterações e abra o documento com o browser (observe o resultado)

Você também pode gostar