Aula 01
Data de publicação: Sep 29, 2012 3:27:0 PM
Revisões
______________________ PROPOSTA DE TRABALHO __________________________
Realize cada um dos exercícios abaixo apresentados, num editor de texto html, gravando-os de forma independente com o respetivo nome.
Exemplo: "exercicio_1.html"
Exercício 1 - Parágrafos
Os parágrafos são definidos pela tag <p>
Exercício 2 - LINKS
Os links são definidos pela tag <a href=...>
Exercício 3 - Imagens
As imagens são definidas pela tag <a src=...>
Exercício 4 - Atributos
Os atributos adicionam informações aos elementos/tags HTML;
Os atributos são referidos na tag de abertura;
São constituídos sempre com um par nome="valor";
Os valores dos atributos vêm sempre referidos entre aspas;
As aspas podem ser duplas ou simples. Quando o valor de atributo já tem aspas duplas, devemos referir o valor com aspas simples, como por exemplo name='John "Boy" White'
Exercício 5 - Quebra de linhas
Notas:
Em HTML e XML a tag <br/> ou <br> é uma tag sem fecho;
<br> funciona em todos os browsers;
<br/> funciona melhor em aplicações XHTML e XML.
Prática:
Exercício 6 - Formatação de parágrafos
Numa página web, quando se edita o código HTML, pode deixar espaços em branco no meio do texto e mesmo linhas em branco que os browsers vão ignora-los.
Os browsers só vão respeitar os espaços em branco e as linhas em branco quando se colocam com recurso a tags, pré-formatações específicas, ou seja, formatações html
Prática:
Exercício 7 - Formatação de texto
Formatação de texto com Negrito, itálico e outros mais
Prática:
Exercício 8 - Pré-formatação - tag <pre>
A pré-formatação com a tag <pre> significa que vai manter toda a formatação dada a um determinado bloco de texto conforme se quer que este seja apresentado
Prática:
Exercício 9 - Pré-formatação - computer code
Prática:
Exercício 10 - Pré-formatação - tag <address>
Prática:
Exercício 11 - Pré-formatação - abreviaturas e acrónimos com notação de etiqueta
Prática:
Exercício 12 - Pré-formatação - tag <bdo>
A tag <bdo> permite a ordem das letras numa frase, ou seja, apresenta a escrita da direita para a esquerda.
Prática:
Exercício 13 - Pré-formatação - com citações
Prática:
Exercício 14 - Pré-formatação - rasurar e sublinhar
Prática:
Exercício 15 - Formatação do texto - tag <font>
Prática:
Exercício 16 - Formatação do texto TIPO de LETRA - atributo style=font-family
Prática:
Exercício 17 - Formatação do texto TAMANHO da LETRA - atributo style=font-size
Prática:
Exercício 18 - Formatação do texto COR da LETRA - atributo style=color
Prática:
Exercício 19 - Formatação de texto com vários atributos
Prática:
Exercício 20 - Formatação de texto com vários atributos e alteração do fundo do ecrã (Background)
Prática: