155
Programação para Internet I Aula 06 Prof. Diemesleno Souza Carvalho [email protected] http://www.diemesleno.com.br

Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Embed Size (px)

Citation preview

Page 1: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Programação para Internet IAula 06 Prof. Diemesleno Souza Carvalho

[email protected]://www.diemesleno.com.br

Page 2: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Na aula passada vimos...

Page 3: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Na aula passada vimos...

Unidade II- Linguagens de programação estáticas;- HTML5 - Criação de páginas de hipertexto estáticas;- CSS3 - Criação de estilos a serem aplicados nos documentos de hipertexto;- JavaScript: Criação de scripts para páginas de hipertexto.

Page 4: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Na aula de hoje veremos...

Page 5: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Na aula de hoje veremos...

Unidade II- Linguagens de programação estáticas;- HTML5 - Criação de páginas de hipertexto estáticas;- CSS3 - Criação de estilos a serem aplicados nos documentos de hipertexto;- JavaScript: Criação de scripts para páginas de hipertexto.

Page 6: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

CSS3 Criação de estilos a serem aplicados nos documentos de hipertexto

Page 7: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������������������

����������������������������������

�����������������������������������������������

���������!���!�����!�!���!����!����!���

����������������������������������������������

���������������������������������������������������

����

Page 8: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������������������

���������������������������������������������������������������������

��������������

������������������������

��� ���������������������

�������������������������

���������������������������������������

Page 9: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������

�����������������������������

Page 10: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������fi����������������������������������������������������������������������

�������������������������������������������

������������������������������������������������

�����������������������������������������

����!��!���!��!����!����������!����!���!��!�������!��!���������

����!��������!���!�������!��!���!��!���!��!�!���!���������!������

����

���� �

���������������� �����������

Page 11: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������

���������������

����������!������������������!�

��!������������������!����!�����!���!��������!����

���

�!��������������������!����!�����!���!��������!���� �!�����!����!�����!���!

��������!����!���!������!���!�����

�!����������!����!�����!���!�����!��!�!��������

Page 12: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������

�������������������������������������������

���!�����������������������������!�������������!�

��������!����������!�������!��!�!������!��������

����

���

Page 13: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������������������������

��������������������!����!�����������������!���������������������������!�����������������������������!�����

����!������������������!�

������!����!����!���!���!���!����!����

����

���

Page 14: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������������������

������������������������

��������������������!����!�����������������!���������������������������!�����������������������������!�����

�������!������������������!�

������!����!��!����!����!���!��������!��!��!����

���������������������������������

���������������������������������������

�����������������������������

�����������������������

����!���!����!����!�����!���!������!���

����

���

Page 15: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������������

��������������������������������������������������������

���!������������������������!�!!

!

���������!�����������������������������!�����������������!�

������� ���!���������!����!���!�����!��!�!����

���

����!��!���������!���!�������!���!�����!��!���!�����!��!�!����!����!����!���!�����!��!����!���!����

Page 16: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������������������������������������

�������������������

�������������������!����!�����������������������������!���������������������������!�������������������������!�����

�������������������!�������������!�

������!����!���!�����!��!���

����

���

Page 17: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������ff����������������������������������������������������������������������������

����

�����������������������

����������������������

����������������������

�������������

���!����!���������!����!���!�������!����!����!���!��!������

������!��������

���������!��������!�������!���������!�������

���������������������������!���������!�������������������!�������!������������

Page 18: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������

���!�������������!�����������������!!

���������������!�����������������!!

����������������!�����������������!�

���

�����

������

����������������������������

����������������������

������������

���

Page 19: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������ff������������

������������!���!�������!���!���!������!��!���

����!���!���!�����

����!���!���!����

Page 20: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������������������

�����������������������

�������������������������������������������������������������

�������������������������������������

Page 21: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������

��������

������������������������� �����������������������

�������

�����������������������������������������

�����������������������������

���������

Page 22: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������

��������

������������������������� �����������������������

�������

������������������������������������������

�������������������������������������������������������������������

����������������������������������������

�������������

Page 23: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������

��������

������������������������� �����������������������

�������

�������������������������������������������������������������������

����������������������������������������

�������������

���� ���������������������������������������

Page 24: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������

�������������������������������� �����������������������

��������

�������������������������������������������������������

�����������������������������������������������������������������������

������

������

������

������

������

������

��

Page 25: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������

������������������������������������

������� ����������������������

������ ��������������������������

����������������������������������������������������������������

��������������������������������

Page 26: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������

��������������������������������������

������� ����������������������

������ �������������������������

���������������������������������������������������������������������

����������������������������������

Page 27: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������

��������������������������������������������������

���

��� ����� ����� ������������

Page 28: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������

���������

�����������������������

����������������������

������������������������

�������������

������������������������

��������

���!����!����!������

������

�������������

Page 29: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������

�����������������������������������������������

�����������������������������

���������������������������

���������������������

�������!�����

����������������������������������

��������������������������������

Page 30: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������

����

������������������������������������������������������

������!�����������������������!��������������!���������������������

����������������������!��������������!���������������������!��������������!�������

Page 31: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������

���������������������������

���������������������������

���!���������!����!��!������

�� �� ��

� �� ��

���!���!�����!��!���!������!�����!��!���!���������

���!�����!���!������!��!���!����!�����

��������������������������������������������������������������������������

Page 32: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������

�����������������������������

� ���

����������

�������������������������������������������������������������������������������

������������!����!�����!���!��!����!��!����!�����!����!����!����

����

Page 33: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������

�����������������������������������������������������������������

���������������������� �����������������������

�������!������������������!�

���!�������!�������!��!��������������

Page 34: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������

��������������������

���������������������

��������������������

�����������������������

๏ ������������������������������������������

๏ ���������������������������������������������������������������������

Page 35: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������

���������������

�����������������������������������������������������

�������������

����������

�������������������������������������������

������������������������������������������

���������������

�����������������������������������������������

���������������������������������������������

๏ �����������������������������������

Page 36: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������

����������

������������������������������������������������������������������������

PADDING

����������

๏ �����������������������������������

Page 37: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

BORDER

�������������

���������

�����������������������������������������������������������������������

PADDING

����������

๏ �����������������������������������

Page 38: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

MARGINBORDER

�������������

���������

�������������������������������������������������������������������

PADDING

����������

๏ �����������������������������������

Page 39: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

MARGIN

������������������������������������

BORDER

������������������������������������������������������������������������

���������������������

PADDING

����������

��������������������

��������������������

���!����!�������!���!������!��!���������!����!���!������

�������������

�������������

�������������� ���������������

��������������

��������������

Page 40: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������

PADDING

����������

����!�������������������!���������������������!��������������������!������������������!�

����!��������������������������������!�

������������������������������������

��� ����� ������ ����

�����������������������������������

�����������������������������������

��������������������������������

���

���

Page 41: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

BORDER

������������������������������������������������������������������������������������������

PADDING

����������

����!������������������

����������������������!����������������������!�

����!������������������������������!�

���������������������������������������������

����� ����� �����

���

���

Page 42: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

BORDER

���������������������������������������������������������������������������������������������

PADDING

����������

����!�������������������������������������!� ����� ����� �����

���

Page 43: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

BORDER

��������������������������������������������������������������������������

PADDING

����������

����!������������������!������������������!���������������������!�����������������!�

����!���������������������������������!�

��������������������������������������������

��� ����� ������ ����

MARGIN

���

���

Page 44: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������ ��������

�������������������������������������������������

����!�������������������������!�

�������!�������������������!�

���

Page 45: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������

����!����������������������!�

�������!������������������������!�

���

Page 46: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������

���������������������������

�����������������������������

��������������

๏ ������������������������������������������

๏ ��������������������������������������������������

๏ �������������������������������������������������������

๏ ��������������������������������������������������������

Page 47: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������

�������������������������� ���������������������������ff

����������������������

Page 48: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������

���������������������������ff

�������������������������������������������������������!������������!������������!�

�������!����!���!������!��!����!����!���!����!����

����������������������������

�����������������������������

��������������������������

���������������������

���

Page 49: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������

������������������������������������

�������������������������������������

��������������������

������!�������������������������������!�

����!�������!��!�������!��!�����!����!��!���!����

����������������������ff���������������

����������������������������������������

��������������

���

Page 50: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������

����

����!������������������������!�

����������������������������������

�������������������

������

�����

��!����������

Page 51: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����!������������������������!�

������

�����

��!�������

�������

�������������������������������

����

���

��������������������������������������������

Page 52: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������

�����

��!�������

�������

�������������������������������

����

��������������������������������

��������������������������������������������

Page 53: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������

����������

����!������!������!��������!���������!���!��������

�������������������������������

������������������������������������

�����������������������������

Page 54: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������

���!�����!���!�!������!����!�����!�������!���!�������!���!������

������

�����

�������������������������������

���������������������������������������������������������

�����������������������������

Page 55: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������

������ �����

�����������������������������

Page 56: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������

�����

����!�������

�������!����������������������!�

����!����������������������!�

�����������������������������

Page 57: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������

Page 58: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������

�������

��������������������������

��������������������������

����������������

���������������������

��������������������

������������������

Page 59: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������ff����������������������������������������������������������������������������������������������

�������

������!������������������!�

�������������������������������������������

������������������������������������

������������!��!����!����!���!

���!����

������������!�������!��!���!�����������!����

����

���

���������������������������������

Page 60: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������

������������������������������

��������!�����������������!�������������������������

����������������������������������

������������������������������������

�������������������������������������

���������������ff���������������

����

���

�������������������� �����

�����

���������������������������������������������������������������������������!�����������������������������������������������

Page 61: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������ff�����������������������������������������������������������������������������������

����������!������������������!�

���!�������!����!���!����!�����

������!��!���!�������!������������!���!������

Page 62: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������ff����������������������������������������������������������������������������

���������������������������������������������

�����!���������!

������

����������!��!�!�����������!���!

�����!����!��������

����������!������������������!����������!������������������!�

Page 63: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������������������������������������

�����������������������������������������������������������������������

�������������������������������������������

��������������������������������������������������

�����������������������������������������������

���

�������������������������������������������������

������!������������������!�

����!����������������������!�

���������������

Page 64: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������������������������

����������������������������������������������������������

����!����!��!���!��!�����!������!���!����!���!����

��������������������������������������������������������������

�����������������������������������������������

���

�������������������

�����������������

����������������

���������������������������������������

����!����������������������!�

������!������������������!�

����!��������

�������

Page 65: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������������������������

����������������

������!��������!���������!��������!�������������������������!��������������������!�������������������������������������������!�������������������������������������������������!�������������������������������������������������!���������

���������!�������

����������������

�����!����!����!����!����!���!���!����!����!����������!���!��!��!����������!���!����!�������

Page 66: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������

����

����!����!�������!���������!���!����!������

����������������

�������������������������������������������������������!��������������������������������������������������

���������������������!����������������!�����������������������

������������

��������

Page 67: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������

���������������������������������������

������������������������������

��������������������������

��������

���������

����������������������������

�������������������������������

��������������������������

���!��!���!���!�����!���!�������

Page 68: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������fi��������������������������������������������������������������������������

�������������������

�������������������

������!��������!���������������������������!���������!�������������������!�������!����������������������!������������!���������!�����!�������

�����������

������������������������������

����������������������������

�������������������������

Page 69: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������fi�����������������������fi���

���������

������������

���������������

����������

������������

��������������������������������������

����������������������������������������������

�����������

���!�������������!��!����������������

Page 70: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������������

�������������������������������������������������������������������������

����������������

���� ���!����!���!������!��!�!�����!��!���!����!���

������������������������������

�����������������������������������

�����������������������������������

�������������

������!��������

���������������!��������!�������!���������!�������

������������

Page 71: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������ff�����������������

����

����������������������������������������������������

�����������������������������������������

����!��!������!�!����!����

������!��������

����� ����������!��������!�������!���������!�������

���������������

������������

Page 72: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������ff�����������������

����

��������������������������������������������

�������������������������������������������������

���������������������������������������������������

������!��������

����� ����������!��������!�������!���������!�������

��������������� ����������������

������������

Page 73: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������ff�����������������

����

������������������������������������������������������������

����!��!�!��������!�����!��!��!����!����!����!��������!������!��!��!���!����!������!��!���!����!�����

������!��������

����� ����������!��������!�������!���������!�������

��������������� ���������������� ���������������

������������

Page 74: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������fi��������������������������������������������������������������������

����������������������� ����������������������

Page 75: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������������������������

������������������!������!��������!��������������������������������!���������������������������������!���������!����������������!����������������!����������������!�������

����������������������������������������������

��������������������������������

����������������

Page 76: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������

������!������!���!����

��!���������������!���!���!����

��!������!�����!���!��

����!�������!�������!���!��!������!���!�������!����

���!�����!�������!�����!����!���!���!���!���

Page 77: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������

����������������

������������������

��������!�������������������������������������������������������!��������������������������������������������������!���������!����������������!����������������!����������������!�������

����������������������

Page 78: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������������

����!����������������������!�

����������!������������������������!�������������!�

���������!��������!��!�!��������!����

���

���

������!���!�����!��!�

��������!��!������

Page 79: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������������

��������

�������������!����������������������������!���������������������!�

���!��������!������!����!�������!���!�������!���!���!�!���!������!���!������������

���

���

��������!��!��!������

Page 80: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������������

����!������������������������!�����������������������������������!����������������������!�

�������������!�������������������!�

���!��������!��!����!�������!���!��!���!��!�����������!���!������!���!������!������

���

���

��������!��!������

Page 81: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������������������

������������!�����������������!������������������������!�

����������������������������������

�����������������������������������

��������������������

���

Page 82: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������

�����������������������������

������������������������ ������

����!�������

Page 83: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������

�����������������������������������������������������

������

����!�������

����

����������������������������!�������������������������!����������

�����

������������

���������

�������������������������!���������!����������

Page 84: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������ff�����������������������������������������������

����

����������������������������!�������������������������!����������

���� �

��������������

��������������������

������������

���������

�������������������������!���������!����������

���������������������������������������ff�������

�����!�����!����!�����

Page 85: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������ff�����������������������������������������������

���!���!����!������!�������!���!���!���!���!����

�������

����������������������������!�������������������������!����������

����

��������������

��������������������

������!�������������������!����������!�������������������������������

���������������!�������������������������������!����������������������������!���������������������!�

������������

���������

�������������������������!���������!����������

Page 86: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������ff�������������������������������������

������������ff����������������������������

������������!�������������������������������

�����������!�����������������!�����!�����������������!�

�����������������������������

Page 87: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������

��������������������������������������������������������������������

�������������������������������������������������������

����!�����!����!����

�������������������������������������������������!����������������������������

������������ � � ���

Page 88: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������

�������������������������

���������������������������������������

���������

��������������������������������������������

���������

���������������������

�������������������������������������������������!����������������������������

������������ � ��

���� ����

Page 89: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������

����� ����

�����������������������������

����������������������������� � ����� ����

Page 90: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������

�������������������������

��������������������������������

������������������������

��������������������������������

������������������

����!�����������������!���������������������!���������������������!�

������������

Page 91: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������

�������������������������

���������

���������!������������������!�����������������������!���������������������!�����!������������������������!���������������������!�

Page 92: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������fi������������������������������������������������������������������������

�����������������������������������������������������������������

���������������������������������������������������������������������

�������������������������������������������������������������������

��������������������������������������������������������������������

Page 93: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������

๏ ��������������

๏ �������������

๏ ���������������������

Page 94: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������

����������������

Page 95: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������

�����������������������������������

������!���������!!�������

Page 96: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������

�����!��������!������!������!���!��!����!����!���!����������

������������������������������������������������������������������������

�����������������������������������

Page 97: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������

�����������

����������������������

���������!����!�����!��!����!���!��!�������!���!���!��������

�����

Page 98: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������

����������������������������

������������������������

��������������������������������!����

��������������������fi���

���������������

��������

����������������

��������������� �������� ���������������

Page 99: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������������������������������������

�������

��������������������fi���

���������������

������

����������������

��������

���!���!��!����!������!���!��!��!���!������!������

��������������� �������� ������ ����������������

Page 100: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������

�������!��������!���������������

���!����������!����!��!������!��!���!�������

�������!�����!����!����

�������!��������!���������������

��������!��������!���!��������!���!���������

���������������

������

����������������

��������

��������������������fi���

���� ������ ����������������

Page 101: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������������

����������������������������

��������

���������������

���������������������������������

��������������������������������

����� �������������

�����������������������������������

���������������������������������

���������������������������������

�������� ������ ���������������� ����������������������

Page 102: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������������

������������������������������������������

����������������������������������������������

����!��!�!�����������!���

������������������������!�������������������!���������� �����

����������

��������

���������������������������������������������������������������������������������������������������������������������������������������������

�����

���������������

Page 103: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������

��������������

������������������

�����������������������

�������

Page 104: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������

��������������������!�������������������!�������������!�����

����

���

������!�������!���!�������

����!���!������!����!������������!����!�!������!�����!��!�������

���������!������������������������!�������������!�������������!������������������!���������������������!�

���������������

Page 105: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������

��������������������!�����������������������!���������������������

������������������������������������������

����

������������������������

������������������������������������������������������������������������

���������������

Page 106: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������������

����

������������������������������������������������������������������

��������������������������

�������������!�����������������!������������������������!�

���

��������������������

������������������������������������������������������������������������

���������������

Page 107: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������

Page 108: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������ff��������������������������������������������������

����������������������������������������������������

������������������������

�����������������������������

�������������������������������

���

���������

���������������������������

Page 109: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������

���!����!���!��!��!������!����!�����!���� ������!����!������!�����!����!��!��!������!���!����

���������

��������������������������

�������������������������������������������

�����������������������������

����������������������������

Page 110: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������

������������������

�������������������

������

����������������

���������������������

��������

���������

��������������������������

�����������������������������������������������������������������������

Page 111: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������

���

������������

��������������������������������

���������������������������������������������������������������

����!�����!���!�����!����������!��������!���!������!��!���!�����

Page 112: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������

���������

��������������������������

��������������������������������������������������������������� ��������

������������������ �������

Page 113: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������

������������

��������

��������

���������

���������������������������

�������������������������

�����������������������������

���������

��������������������������

��������������������������������������������������������������� ��������

������������������ ���������

Page 114: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������������������������

����� ����� �������� ������

���

���

��������������������������������

��������������������������������������������������������������� ��������

������������������ �������

������!��������������������� ����������������������� �������� ��������

Page 115: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������ff������������������������������������ff������������������������ff�����������������

���

������������������������������������������������������������������������

�����������������������������������������������������������

������!���������������������������������������������������������������!����������������!����������������������������������������������������������������!��������������!������������������������������������������������������������!�

Page 116: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������ff�������������������������

����!����������

�������������!����������

��������!��!����������

Page 117: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������

������������������������������

���������������������������

������������������������������

���������������������������

�����

�� �

Page 118: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������

�����������������������������������������

�����������������������������������������

������������������������������������

�������������

������������������������������!�������������������������������������������������

������

���������

Page 119: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������

�����������������!���������������!����������������!����������������������������������������������������!���������������������������������!�

�����!������!��!�����!��!���!������������!��!���!�����

����

���

��������������������������!�������������������������������������������������

������

���������

Page 120: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������

��������������������!������������!����������������������������!�����������������!��������������������������!����������������������������!�

����

���

����������������������������

�����������������������������������

���������

Page 121: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������

������������������������������������������������������

������������ �����������

�����������

���������������������

Page 122: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������

����!���!���!��!������ �����!���!���!��!������

Page 123: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������!��������!�����������!���������������������!������������!�����������!�������������������������������������������!������������������!������������!���������!�������

��������������!������������������!�

������������������

������������������

��������������������

��������������������

�����

����

���

���������������

Page 124: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������

��������������������������������

����!���!���!��!������

�����!���!���!��!������

������������

���������������

Page 125: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������

����������������������!��������!��������������������!������������������������������������������!�����������������!���������!�������

����������������������������������

������������������������������������

�������������������������������

�����������������

����

���

�����������������������������������������������������������

��������������������������

���������������

Page 126: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������

��������������������������������

���������������������������

������������������������

��������������������������

���������������������

�����������������������������

���������������������

Page 127: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������

�����!�����

��������!������

��������!������

�������

���������

���������

Page 128: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������

Page 129: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������

�����������������

�������������������������������

����������������

����������������

������������������ ����������

������� �����������

���

Page 130: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������

������������������������������������������������������������

���!������!��!�����!���!����������������

������������ �����������

������ �����������������������������

���

Page 131: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������������������

Page 132: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������

������������������������������������������������������

��������������

��������������

������������

���������

Page 133: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������������

������������������������������������������!�������������!������������!������������

������������������!����������������

���

Page 134: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������

�����������������������������������

�����������

���

����!�����������������!���������������������!����������������������������������������

���

Page 135: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������

�������������

������

����

�������������

�������

������

����!�����������������!���������������������!���������������������������������������

�������������������

���

Page 136: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������

�����������!�����������������!���������������������!��������������������!������������������!���������������������!����������������������������!�

�����������������������������������

��������������������!�����������������������������������!������

������

�����

������!���!��!����!�!���������!������

����

���

Page 137: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

���������������������������������������������������������������������������

����������������������������

������������������ff������

��������������������������

��������

������

������������������������

���������������������������

�����������

Page 138: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������

�����������������!��������������������!�

��������������������������������������������������

�����������������!��������������������!�

���

���

Page 139: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������

����

�����

�����

������

����������������������

������������������������������

����������ff������������������

���������������������������

Page 140: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������

����������������������

����������������������������

�����������������

����

�����

�����

������

��������

������������������������

��������������������������

������������

����������

Page 141: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������

�������������������������������������������������������������

������!����������������������������!���������������������!�����������������������������������������������!�������

����� ����� ������

����������������

Page 142: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������

���������������������

�������������������������

����������������������

���������������������

�������������������������

�����������������������

Page 143: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������

����������������������������������������������������������������������������

����!����������!���!�����!��!���!�����

����������������������������������������������

������������������������������������������������������� �����������������������������������������������

�������

����������������������

������

����

Page 144: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

��������������������������������������������������������������������������������������������������

���������������������������������������������������������

���������������������������������������������������

���������!����!�����!����!��!������!�!����

�������

����������������������������������������������������!��������������������������������������������������������������������������������������

����

Page 145: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������

�������������������������������������������������������������������������

��������������!�����������������!��

������

�����

���

Page 146: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�������������������������������������������������������������������������������������

����������������������������������������������

��������������!�����������������!���������!����������������������!��������!���������������!����������������������!��

���

Page 147: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

������������������������������������������������������������������������������������������������������������

����������������ff�������������������������������

�������!���� �������!�����

���������������������������������������

�������������������������������������

������

�����

�������!���������������!����������������������!��

��������������������!���������������!������������������!�

���

Page 148: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������

����������������������������

��������������������������������������������

���

Page 149: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������

��������������������������������������������

�����������������

���

Page 150: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������

��������������������������������

��������������������������������������������

�����������������������������

���

Page 151: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����������������������������������������������������������������������������������������

���������������������������������

����������!���������������!����������������!���������������!����������������������������!����������������������!������������������!�

���

Page 152: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

�����������������������������������������������������������������������������������������������������������������������

���������������������������������������������������������������������������

����������������������������������������������

���������������������������������������������!������������������!�

������

�����

������

�������

�������������������������������������������������!�����������������������������������������!�����

���

����

Page 153: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

����fi��������

Page 154: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Programação para Internet IAula 06 Prof. Diemesleno Souza Carvalho

[email protected]://www.diemesleno.com.br

Page 155: Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos documentos de hipertexto ... Exercícios a) Revise o CSS escrito durante a aula; b)

Exercícios

a) Revise o CSS escrito durante a aula;

b) Se pergunte se reconhece e sabe para o quê serve cada uma das propriedades e estilos aplicado;

c) Crie um documento HTML novo, um CSS novo e monte uma nova página utilizando os recursos que conhece de HTML e CSS;

d) Apresente o que foi feito;