0% acharam este documento útil (0 voto)
152 visualizações1 página

CSS e HTML: Guia Prático de Estilos

A ficha de trabalho propõe dois exercícios: 1) Criar uma folha de estilos CSS definindo formatações para títulos, corpo e parágrafos; 2) Criar uma página HTML aplicando a folha de estilos e incluindo hiperligação com estilo.

Enviado por

Teresa Oliveira
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 DOCX, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
152 visualizações1 página

CSS e HTML: Guia Prático de Estilos

A ficha de trabalho propõe dois exercícios: 1) Criar uma folha de estilos CSS definindo formatações para títulos, corpo e parágrafos; 2) Criar uma página HTML aplicando a folha de estilos e incluindo hiperligação com estilo.

Enviado por

Teresa Oliveira
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 DOCX, PDF, TXT ou leia on-line no Scribd

Curso Profissional Técnico de

Informática - Sistemas

PROGRAMAÇÃO EM AMBIENTE GRÁFICO


UFCD 0793 - Scripts CGI e Folhas de estilo

Ficha Trabalho – CSS

1. Ficha 8 – Exer 1
1.1. Criar uma Folha de Estilo com nome [Link] com as seguintes formatações:

 No Título de nível 1, atribuir:


A) Texto com cor branca
B) Fundo com cor “#D7DF01”
C) Alinhamento ao centro
D) Tipo de letra Tahoma
 Atribuir ao body uma cor de fundo.
 Colocar o título de nível 2 letra em maiúsculas.
 Atribuir uma altura igual a 10 às linhas horizontais.
 Nos parágrafos, atribuir:
A) Um espaçamento à esquerda de 14px
B) Alinhamento justificado
C) Tipo letra: Verdana
D) Tamanho de letra: 18px

1.2. Criar uma página HTML idêntica à figura, com o nome [Link], de modo a:

 Aplicar a folha de estilo [Link] e inclua as tag referenciadas.


 Criar uma hiperligação na palavra ENVIO para [Link] a abrir noutro
separador, aplicando uma cor amarela no Link visitado.

Pág. 1 de 1

Você também pode gostar