Programação para Internet I - diemesleno.com.br · Criação de estilos a serem aplicados nos...

Preview:

Citation preview

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

diemesleno@iftm.edu.brhttp://www.diemesleno.com.br

Na aula passada vimos...

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.

Na aula de hoje veremos...

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.

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

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

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

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

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

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

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

����

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

����

���� �

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

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

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

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

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

���

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

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

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

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

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

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

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

����

���

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

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

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

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

����

���

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

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

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

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

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

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

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

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

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

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

����

���

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

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

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

!

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

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

���

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

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

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

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

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

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

����

���

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

����

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

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

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

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

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

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

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

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

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

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

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

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

���

�����

������

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

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

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

���

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

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

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

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

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

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

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

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

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

��������

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

�������

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

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

���������

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

��������

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

�������

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

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

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

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

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

��������

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

�������

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

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

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

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

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

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

��������

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

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

������

������

������

������

������

������

��

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

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

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

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

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

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

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

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

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

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

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

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

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

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

���

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

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

���������

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

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

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

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

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

��������

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

������

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

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

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

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

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

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

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

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

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

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

����

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

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

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

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

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

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

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

�� �� ��

� �� ��

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

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

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

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

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

� ���

����������

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

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

����

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

����������

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

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

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

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

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

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

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

����������

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

PADDING

����������

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

BORDER

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

���������

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

PADDING

����������

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

MARGINBORDER

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

���������

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

PADDING

����������

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

MARGIN

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

BORDER

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

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

PADDING

����������

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

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

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

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

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

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

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

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

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

PADDING

����������

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

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

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

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

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

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

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

���

���

BORDER

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

PADDING

����������

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

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

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

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

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

���

���

BORDER

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

PADDING

����������

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

���

BORDER

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

PADDING

����������

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

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

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

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

MARGIN

���

���

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

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

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

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

���

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

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

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

���

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

���

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

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

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

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

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

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

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

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

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

���

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

����

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

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

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

������

�����

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

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

������

�����

��!�������

�������

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

����

���

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

������

�����

��!�������

�������

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

����

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

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

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

����������

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

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

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

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

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

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

������

�����

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

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

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

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

������ �����

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

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

�����

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

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

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

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

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

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

�������

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

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

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

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

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

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

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

�������

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

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

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

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

���!����

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

����

���

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

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

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

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

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

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

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

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

����

���

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

�����

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

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

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

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

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

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

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

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

������

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

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

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

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

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

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

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

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

���

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

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

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

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

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

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

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

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

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

���

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

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

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

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

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

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

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

�������

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

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

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

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

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

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

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

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

����

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

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

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

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

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

��������

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

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

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

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

��������

���������

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

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

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

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

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

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

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

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

�����������

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

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

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

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

���������

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

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

����������

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

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

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

�����������

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

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

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

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

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

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

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

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

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

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

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

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

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

����

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

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

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

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

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

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

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

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

����

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

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

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

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

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

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

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

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

����

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

���

���

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

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

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

��������

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

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

���

���

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

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

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

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

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

���

���

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

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

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

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

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

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

���

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

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

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

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

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

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

������

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

����

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

�����

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

���������

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

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

����

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

���� �

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

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

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

���������

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

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

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

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

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

�������

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

����

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

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

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

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

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

���������

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

���������

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

���������

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

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

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

���� ����

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

����� ����

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

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

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

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

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

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

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

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

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

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

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

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

���������

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

�����������

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

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

�����

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

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

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

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

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

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

��������

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

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

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

�������

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

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

������

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

��������

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

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

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

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

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

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

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

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

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

������

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

��������

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

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

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

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

��������

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

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

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

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

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

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

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

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

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

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

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

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

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

����������

��������

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

�����

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

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

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

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

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

�������

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

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

����

���

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

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

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

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

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

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

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

����

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

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

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

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

����

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

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

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

���

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

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

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

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

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

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

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

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

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

���

���������

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

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

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

���������

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

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

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

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

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

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

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

������

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

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

��������

���������

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

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

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

���

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

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

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

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

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

���������

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

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

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

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

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

��������

��������

���������

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

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

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

���������

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

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

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

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

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

���

���

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

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

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

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

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

���

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

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

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

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

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

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

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

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

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

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

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

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

�����

�� �

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

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

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

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

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

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

������

���������

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

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

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

����

���

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

������

���������

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

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

����

���

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

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

���������

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

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

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

�����������

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

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

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

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

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

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

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

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

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

�����

����

���

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

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

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

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

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

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

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

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

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

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

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

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

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

����

���

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

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

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

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

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

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

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

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

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

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

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

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

�����!�����

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

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

�������

���������

���������

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

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

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

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

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

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

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

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

���

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

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

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

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

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

���

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

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

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

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

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

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

���������

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

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

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

���

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

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

�����������

���

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

���

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

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

������

����

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

�������

������

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

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

���

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

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

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

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

������

�����

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

����

���

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

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

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

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

��������

������

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

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

�����������

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

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

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

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

���

���

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

����

�����

�����

������

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

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

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

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

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

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

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

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

����

�����

�����

������

��������

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

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

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

����������

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

�������

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

������

����

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

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

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

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

�������

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

����

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

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

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

������

�����

���

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

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

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

���

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

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

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

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

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

������

�����

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

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

���

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

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

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

���

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

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

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

���

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

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

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

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

���

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

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

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

���

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

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

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

���������������������������������������������!������������������!�

������

�����

������

�������

�������������������������������������������������!�����������������������������������������!�����

���

����

����fi��������

Programação para Internet IAula 06 Prof. Diemesleno Souza Carvalho

diemesleno@iftm.edu.brhttp://www.diemesleno.com.br

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;