Buscar

026-aprendendo-a-criar-paginas-para-web

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 52 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 52 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 52 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
��
���������	
������
��
��
��������������
��������������
��
��������������������������������������������������
����������������
�
��
��
��
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 �
�
���������������
������������������
��������������
�
�
�
�
�
!����������	�������
�
���	������������
�������������"#���
��$%�����&
�'���(����)��*�+���	��%,�%
(��$�����
�
�����"#���
��$%����-�
����������	��
��������
���������)��*'�
�
)�.
�
(����-�/$�,(��%����
�����
���
��
�
�����
��0,
�����	���(�������"#���
��$%�����
�0,
��#��
1�%
(����
,�,$����,(�%����
����/
��(
�����
�)��*'�2��
������-�
����������	���#��,���$��
�/,(��
��
��
�����
�-�
���������.
�����+�0,
����
��������
�������������$%����������������������(������)��*-�,����������������
��+�(
�(��,(�
��������(�����	�����
�2����'�
�
!����������	�������	��
.����������
�������(��,(�(��
���	��
�
��,���������,���������-���(����(�+(������
(����������,�����
(�
(��
�����,�
���	���
���+�(
�(����(��,(�%,����
��
�
�3�����������
�
���	�
���
��
0,
�.$����/
�
(���)��*'��
�
������ ����!��
�
- 4,�	0,
���
�����0,
��
�
.�����
��
��)��*5�
- �
�
���	�
���
��0,
�.$������	/�(���(�)��*5�
- 6���
����
���,������,���
��0,
��
�
.
(�,����
����������	����(��(��
���	����$����'�
�
��"#��$%�������
�
2#��+��
�
��$�����
�����/
��(
������+�����
�)��*-�(���+��(�������
����/
�
�������&�
��7���
%����8�
�
,(�
�������
��
1����
��,����
�
�3����-���(������
1
(�	�-����	�����
�2����'�
�
&'!���
�
!����������	����������9������0,
��#������:�
	��;<��=�����2�!��!��;��='�
�
�
�
�
�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>�
�
���������������
������������%%(())����
�
�
�
�
!����������	�������������������
��,(��
�,�����
����
���
����
�����,	���?�	��%,�%
(�)��*-������0,�	0,
��
,�,$�����
������($�����0,
��
�
.���������$%���������������
��
�'�
�
6��������	�������
��,���
��
�0,�����
������(�"#�-�
	���������������
(��9�����-����0,��������(����
�
�������
(����(���
����:�,	��'�=�����:�,	�������(�
���,�,����������
%,���
����(�@�
�
�
A' ���*� �����������+�=������
������$������
�
���,�,������	��%,�%
(�)��*��#�����
�
��������
��
�
���:�,	�'�
,- .��/���()�������0���+��0,��+�
1�	�����������(���"#���
��
1���������+���
���(������7��%�8�/�(	�
��
�:������ ����� 
��
� ��('� �	%,(��� ���� ���(���"B
�� ����:�
��� �#�@� �
%����-� �,�	��/���-� ��$	���-�
����-���(��/��
������������
-�	�����-�
���
��,����'�
 ' ���1�+� �� �,������	����
� (���� �(�������
� ��� )��*� +� �� �������	����
� �
� ������ 
	��� 7	����8� 
���
�
���,(
�����
��
��
����:�,	��+�(����������(��,����
��
�%����
��
�,���'�
>' �/�����+�=���.
������
��
����:�,	��+�
���������(��,�����(�%
����������,(
�����)��*'�C����������
�������
��(�%
���(����,�����-�������(�����D�E�
��6!D-�
�,(���,����
��(�%
���(��
����'����(��
�������(�%
�����(�����0,�	����
���������,(
�����)��*�+�,(����,�����
1�
����
�����������#���
�$�
��������'�
F' �������@� G(� %����
� �
�,���� ����� �
� ����,
��� ���,(
����� ��(� ,(�� ���� ���%��(�"#�� 
�
���
�
���"#��+���,����
����
	��'�!��
�+�,(�������������������:�,	���
�+�.,���(
��
��0,��0,
�
��$���
������"#��
���
����:�
	��$�����
����:�
	����
�(
��$�������)��*'�
��
H' .��/%������+� �
�,���� ���
����� ��� )��*� 0,
� �
�(��
� %
���� ���
��"#�� 
���
� �� ,�,$���� 
� ��
���,(
���'��
�����0,
�
��
��
�,�����������������)��*��
����,���,�
������
��
�������,����
��,�����
��(�+(�������������(
������'�2
��
����:�,	�-�
��
��
�,�����
�$�
��������
�
1
(�	�������'�
I' .��/��+�!��
��
�,�����
�(��
�
1�����(�����
�,(����,(
���������
	�'�6��������-����
	��+����������
(�����
���/�(��������(
�'�!��
��
�,����+����
�
������
(��
��	/
���
��
����:�,	�'�
J' �%�������/�����+�2
��
����:�,	���#�����
�
��������,�������(���������
�
�����
�����)��*-���(��
1�����$,����
��:�
�-���,�	�
�"#���,��($������
����,(
���-�
��'�
K' ���� ������ 
�
� ����+� G(�� ���
	�� �
� �9��%��� �
� ������
�
�� ����� �
�
(� ,������ 
(� ���,(
�����
)��*'�
A�' ���������������+����
	����(����9��%��
���(
��
����
�������,�����������,(
�����)��*'�
11. 2�3��4� ���+� E���
�� �
� �����(�"#�� 
� �
�0,���� ,��	�
����� ����� ������ ��� �
�
���	��(
���� �
����
������	�'
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
F�
�
���������������
��%%//����������
5-���&�
�
&	��������-------------------------------------------------------------------------------------------------------------- 6
A'A'��=��2�=<�)��*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' H
A'�'�!<��G�G����;<�����!��G���=�G�!2�= ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' I
,-�.�2����78��	
��
9��� --------------------------------------------------------------------------------------------------------- :
�'A'��L�G*=<�!�<G��L�G*=< ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' J
�'�'�6��MD��E=<�!�4G!�����!�*�2)�''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' J
�' '�!<��*=<��!��!N�='''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' AA
�'>'��!E�2�2�=�E=2�!<''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' AA
�'F'�*�2)�<�)=��O=2���<�!��*�2)��!2�=��!�!*!�!2�=< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' A�
�'H'�*�<��< ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' AF
����������	
����
�
����
�
�������������������������������������������������������������������������������������������������� ��
����������	
��
����
�
�������������������������������������������������������������������������������������������������������� ��
����������	
��������	��
� ������������������������������������������������������������������������������������������������������ ��
;-���&<� ---------------------------------------------------------------------------------------------------------------------------------,=
 'A'�*�2P<�6������4G�Q=<�*=���< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ��
 '�'�*�2P<�6������4G�Q=<�!��=G��=<����!�R��=< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �A
 ' '�*�2P<�6������4G�Q=<��!�=G��=<�<!�Q��=�!<'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' � 
 '>'�*�2P<�6����!����* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' � 
 'F'�*�2P<�6�������!<���6MD�2����S2�=�� ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' � 
>-����?
&� -----------------------------------------------------------------------------------------------------------------------------,6
>'A' ���D!2<��=�=�*�2P'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �I
>'�' ���D!2<��=�=�6���T=��!�EG2�=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �J
>' ' ���D!2<����2<6��!2�!< ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �J
>'>' ���D!2<���6!���< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �J
>'F' ���D!2<��2�����<''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �K
@-���A
��� -----------------------------------------------------------------------------------------------------------------------------;5
F'A' ���!*��<��6*!<''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' A
F'�' �=��E���2�=����6��U2����������!*���������G�=< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' �
F' ' �����G�=<��!�*�2)�<�!��C*G*�<''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
F'>' �!<�*�2�=��C*G*�< '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' F
6-�.�2�B�C2���-----------------------------------------------------------------------------------------------------------------------;D
H'A' ����2�=�G��E=��G*;��=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' I
H'�' ��D<��!�E=��G*;��= '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' J
D-�.2��
�------------------------------------------------------------------------------------------------------------------------------->;
I'A' ����2�=�E���!< ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' > 
I'�' *�2P<��=��E���!< ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' >H
:-��B�2�������&	�� --------------------------------------------------------------------------------------------------------------->:
J'A' �!E�!<)�6�D! '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' >J
J'�' �G��=�!�QL�!= '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' >J
J' ' �!N�=��=*�2�! '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' >K
E-���2���
2
��
��
����� -----------------------------------------------------------------------------------------------------------@5
5=-���A
���	
���2
� ----------------------------------------------------------------------------------------------------------------@,
55-�2
.
2F&���� ----------------------------------------------------------------------------------------------------------------------@;
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
H�
�
���������������
55--������&&��
��
&&		������������������
�
)��*���%��������G
����0�����1%
�����%����
�+���	��%,�%
(��
��
����"#���
����,(
�����,��������V
�'�
<,����������	�������
�:������
��$��
�������
(��
,���(
'���)�(	������+���
���%�-�����������
���	����/��
��
�
1���������,(
���'��
6����,���
-���/��
��
1���+������
���������(�"#��0,
-��	+(�����,�"#����(,(��
��
1��-��
�(��
�	�%�"B
��
7	����8�������,�����	�������
�,(����,(
����
���(�+(���������,(
������
(�����7�$%����-���%,���-����(
��
��,���(����0,
�,(����
%��������
�	
���,��,������8'��
6
�������(
��
� �� )�(	� %��/�� ,(�� ����� �
��#�� ��(� (���� �
�,����'� 4,
(� ����� ��� �������
�� �
����
	��%,�%
(� �#�� ��� �
������ 
� 
(��
���� 
���	�����-� ��������	(
��
� ��� �
�
���	�
���
�� �
� ����&��
�� �����
���
%�"#��72
�����
-����������-�
��8'�
�����
��
�����
��������
�����	�����"#��
�����(�������"#���������������	��
	��������
����
��'�
�
55--55--����������&&		����������������
=�� �/������ ����� �#�� �
��
�
������� ��� �
1��� �����+�� �
� �H�%���� 7�,� ����8'� =� ���,�	�
����� 7���&�
�8�
���
���
�����(���9�,	������������
	
(
�����)��*���������0,
�
��
.�(�
���
�����������W(
����0,
X�7�I�
�
W(�����0,
X�7�I'��
��(�������������D��)��*�����,
(�,(��H�%������ ����
�,(��H�%���3����-�
���	�
�������
1���0,
�+�(�������
����
	
�'��������1
��$�����
���?���
1���(��������
	����%��J��?��
=��
��
�0,
����H�%������3� *�/������
(���(
�(����(
�0,
����H�%������ ���-�(���+���
�
���������,(��
������7YZY8'��	%,(�����D�����
(��
��,(��,�(���������%���-�0,
��
���
(��	%,(��������
�:������
��
���	'�
=�������,���-�0,�������
�
��
�-�����
�
(�����9�,	�� ������	��
������������
���"��-� 	�%����9������(
����
��D'��
!1
(�	����
���%��)��*���(������,���@�
� �
���
�,(���(�%
(��
��,������������$%���@�
o ����G��� 1���%��KL3%���-��3L�'''� �!"������� #$%&���'''[J���G��
� �
���
�,(������������������
	�@�
o �������������� ... conteúdo e rótulos de tabela ... �J�������
� �
���
�,(��	��/��/���
����	��
(���(���-���(�	��%,����
�F�\�����$%���-�A����1
	���
�
��
��,���
�
�	��/�����
	��
�0,
���@�
o �*�����*���M�M���*K@=N���O�K5=������K��3���
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
I�
�
���������������
55--,,--��
����22BB��BB22����AACC����������		
����BB����		����BB��
&&������
��
���,�,����$������
�,(����,(
����)��*�+����
%,���
@�
<HTML> 
<HEAD> 
 <TITLE> Título do documento </TITLE> 
</HEAD> 
<BODY> 
 Corpo da página.
</BODY> 
</HTML>�
�
Q�(������
1�	���"B
���
������,(��
��
����(�����@�
� �����������������@�������(�����:����
�����(�������,(
���-���������
�����
�
�
�����
���
�
��
��
�������(�����'�
� ������� �������� @� �
	�(���(� �� �
"#�� �
� ���
"�	/�� ��� ���,(
���� 
� �
	��� 
��#�� ��������� ���
�����(�"B
���
������%,��"#������$%���'��
� ����������������� @� ������(����:�,	��������,(
���-�0,
��
�$����
�
����������������,�
��������
���&�
�'�!��
����(�������
�
(�
������
(��
�
���
�����(��������(�'�
� ���� ��������� ��@� ������(���������������,(
���'�!���
�
��
����(������
����$����,���$%����
(���'�=��
1��-��(�%
���
��,���0,
��
�$����
�
�������
	�����&�
�'�
�
�����+���
������,�����
�[�=�]^-����
(����
������ ���
���������� �
1���-� 	�����
�������� �,��������$%���-�
�
(���(��,(���(�%
(��
��,����7(������_$%,�8'�
�����0�+�
[�=�]�A?����2KY`��%%��Y��
9�KY`��%%��Y���&<KY`��%%��Y����&<KY`��%%��Y�P��&<KY`��%%��Y�
A��<?2�B&	KYG�*Y���2?�&�
�?��aX�X���2?�&��	��aX�X��
.���2?�&aX�X������2?�&aX�X^��
����+�
� A?����2��#������
��,����7����#�@����
���,�������8��
� �9��#����������
1��������$%����7����#�@���
��8��
� ��&<�#�����������	�����7����#�@��
,	8��
� ���&<�#���������	����-�0,���������������7����#�@��
�(
	/�8��
� P��&<��#���������	����-��
������
�����������7����#�@��
,	�
��,����,���1�8��
� A��<?2�B&	������������G�*�����(�%
(����
���
�	����������,��������$%���-���(��,(��(�����
�_$%,�'�
� �
.���2?�&���(��%
(�
�0,
��������$%���7�<����
��
��!1�	��
�8'�
� �����2?�&���(��%
(��,�
���������$%���7�<����
��
��!1�	��
�8'�
� ��2?�&�
�?�����(��%
(��,�
����72
�����
8'��
� ��2?�&��	�����(��%
(�
�0,
���72
�����
8'�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
J�
�
���������������
,,--��..��22��������7788����		
����
99��������
�
,,--55--����QQ��BB��������
����BBAA��QQ��BB��������
6�����
(�������:�,	���
��,��:�,	��-�,�
������D���
�)!��!��7)A���)H8'��
0�/
��+����%���-*�/�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Títulos</TITLE> 
</HEAD> 
<BODY> 
 <H1>Título com H1</H1> 
 <H2>Título com H2</H2> 
 <H3>Título com H3</H3> 
 <H4>Título com H4</H4> 
 <H5>Título com H5</H5> 
 <H6>Título com H6</H6> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
,,--,,--������22RR??22��..������
��SSBB
AA22����		
������&&������
G(���$%����)��*�,�����(������
��
������������
��������0,
�����
�,(����$%������,��
�,(��	��/�'�
Q
.�(����	%,��@�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
K�
�
���������������
��?�����
C��
�����$�
	��
	��0,
�����
����$%�����-����
�������,��(�����(
��
�,(��	��/��
(�������'�=�,��������%�
[Z6^�+��������	'���(�+(�+�����:�
	��	��/���������$%�����������+���
������%'�
�
�����0�+�
�
������?&KT
���()�T��
1���������$%�����J���
�
����+�
� ����"#�����
��
�@�
o ��3�@��	��/�(
����?�
�0,
���5�
o �����@��
����	�
���5�
o ���*�@��	��/�(
����?����
���'�
o U%���3G@�.,���������'�
�
0�/
��+��������3��-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Parágrafos</TITLE> 
</HEAD> 
<BODY> 
 <P>Este parágrafo utiliza a TAG P e alinhamento padrão (esquerdo) 
 <P ALIGN="Right">Este parágrafo utiliza a TAG P e alinhamento à direita 
 <P ALIGN="Center">Este parágrafo utiliza a TAG P e alinhamento centralizado 
 <P ALIGN="Justify">Este parágrafo utiliza a TAG P e alinhamento justificado. 
 Para ver o resultado digite um texto grande o suficiente. 
 Este parágrafo utiliza a TAG P e alinhamento justificado. 
 Este parágrafo utiliza a TAG P e alinhamento justificado. 
 Este parágrafo utiliza a TAG P e alinhamento justificado. 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
A��
�
���������������
��?��A2��
C��
�����$�
	��
	��0,
�����
�	��/�'�!	������	�
����	��/����,�	�
����������������91�(�'�!������D��#��
�
�
�����������D�[Z��^'�
�
�����0�+�
�
�
1������	��/��A2��
�
0�/
��+�S%����V��V���*�-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML – Quebra de Linha</TITLE> 
</HEAD> 
<BODY> 
 Este texto está usando a TAG BR no final de cada linha.<BR><BR> 
 Você pode utilizar<BR> a TAG BR<BR> toda vez<BR> que quiser passar o 
 texto<BR> para a próxima linha.<BR><BR> 
 O resultado é simples. 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
��?���2
��
6
�(��
�0,
��
��������
(�,(���$%����,(����$%�������+����(�����-������+-�������(
�������%���������
�����'�
�
�����0�+�
�
��2
��
1���������$%�����J�2
��
0�/
��+��������3��,-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Parágrafos</TITLE> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AA�
�
���������������
</HEAD> 
<BODY> 
 <PRE> 
 Este parágrafo esta utilizando a TAG PRE, 
 foi definido no editor de uma forma especial, 
 no final de cada linha, foi pressionada a tecla enter, 
 para o texto continuar na linha seguinte. 
 </PRE> 
</BODY> 
</HTML>
�
��/��3� �����A��M���+�
�
�
,,--;;--��
��������������		
����
99������
��(��
(�
�����
���
��
1��-���)��*���(�+(��
�(��
��	�
������
���	������
1��'�Q
.�(����	%,���
���	��@�
�
� �A�---�JA������	������
���	���������'�
� ���---�J��������	������
���	������� �'�
� �B�---�JB�������	������
���	���,�	��/����7�
(�������������&�
�����
���/
�
(8'�
� ��B��---�J�B������E�
���(�0,
����
1�����0,
�����
������'�
� ��BA�---�J�BA�����E�
���(�0,
����
1�����0,
��,�������'�
� �A�?�---�JA�?������,(
����������
�
������,���
%�����
� �������---�J�����������
�,
�
��	�
���������
�
� ����---�J���������	����,(�
���"�(
�����
%,	�������
1��'�
�
�
,,-->>--��		
..��&&��&&		����..��&&��
����
�
��?��.�&���
6
�(��
��	�
������������
�����
-�����(��/��
������'�
�
�����0�+�
�
�.�&����W
KT�T�.��
KT��/�T�����2KT ��T��
1���J.�&���
�
����+�
� �@������������
�A���I�
�����	��� �����
�����
������	�������#�5�
� ��/�@�+�����(
��������
����
��,��	�
���5�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
A��
�
���������������
� ��@�+��������������
-��
�������
(�/
1��
��(�	-��,������+���
�,(���(
���
�
��������
�
���
�'�
�
0�/
��+�.�����-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Fontes</TITLE> 
</HEAD> 
<BODY> 
 <FONT SIZE="7" FACE="Times New Roman" COLOR="#FF0000"> 
 Fonte Times New Roman com tamanho 7 e cor Vermelha.</FONT><BR> 
 <FONT SIZE="6" FACE="Arial" COLOR="#BC8F8F"> 
 Fonte Arial com tamanho 6 e cor Pink.</FONT><BR> 
 <FONT SIZE="5" FACE="Tahoma" COLOR="Blue"> 
 Fonte Tahoma com tamanho 5 e cor Azul.</FONT><BR>
 <FONT SIZE="4" FACE="Verdana" COLOR="Gold"> 
 Fonte Verdana com tamanho 4 e cor Gold</FONT><BR>
 <FONT SIZE="3" FACE="Helvetica" COLOR="DarkGreen"> 
 Fonte Helvetica com tamanho 3 e cor Verde Escuro</FONT><BR> 
 <FONT SIZE="2" FACE="Courier New" COLOR="Gray"> 
 Fonte Courier New com tamanho 2 e cor Cinza</FONT><BR> 
 <FONT SIZE="1" FACE="Impact" COLOR="#000000"> 
 Fonte Impact com tamanho 1 e cor Preta</FONT><BR>
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
,,--@@--������&&������������22��WW��&&����������
��������&&������
&&������		
��
��
��
&&��������
�
��?��	�P��
!	���
�(��
����	��/�(
����/���
����	��
�0,�	0,
��
	
(
����
(�,(���$%���'�!������D�+�(,����,��	�
����
(��)��*��
	��������
���
��
��%�,����
	
(
������
��$%���'�
�
�
��������������������������������������������������������������������������������������������������������������������������������������������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
A �
�
���������������
�
�����0�+�
�
�	�P����?&KT
���()�T�!	
(
��������
�
(��	��/�����J	�P��
�
����+�
� ����"#�����
��
�@�
o ��3�@��	��/�(
����?�
�0,
���5�
o �����@��
����	�
���5�
o ���*�@��	��/�(
����?����
���'�
o U%���3G@�.,���������'�<�(
��
�������
1���'�
�
0�/
��+�����*�/����V��!-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Alinhamento</TITLE> 
</HEAD> 
<BODY> 
 <DIV ALIGN="Center">Usando a TAG DIV:</DIV> 
 <BR> 
 <DIV ALIGN="Right"> 
 <P>Usando a TAG DIV você pode alinhar seu texto sem problemas. 
 <P>Pode utilizar o alinhamento à direita, que alinha seu texto na margem 
direita 
 da tela. Como um texto criado em editor de textos para ser impresso em uma 
página. 
 <P>Com a TAG DIV você pode aproveitar o mesmo alinhamento para vários 
parágrafos. 
 </DIV> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
��?���
&�
2��
!	���
�(��
����
����	�
�"#��/���
����	��
�0,�	0,
��
	
(
����
(�,(���$%���'��
(���(
�(��
�
����0,
���
��D�[��Q��*�D2aX�
��
�X^'�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
A>�
�
���������������
�
�����0�+�
�
��
&�
2�!	
(
��������
�
(��
����	�
�����J�
&�
2��
�
�
0�/
��+�����*�/����V �����-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Alinhamento</TITLE> 
</HEAD> 
<BODY> 
<CENTER> 
<FONT FACE="Arial" COLOR="Blue"><H4>Aqui esta sendo utilizado a TAG 
CENTER</H4></FONT> 
</CENTER> 
Neste parágrafo não esta sendo utilizado a tag center, veja como o 
texto fica alinhado à esquerda quando nenhum tipo de alinhamento é especificado. 
</BODY> 
</HTML> 
�
��/��3� �����A��M���+�
�
�
��?���2��
���
�
�,(��	��/��/���
����	�������&�
�'�
�
�����0�+�
�
��2���	��KT�NT����?&KT
���()�T���W
KT�T�&����	
�����2KTX22??AAT��
�
����+�
� ���?&KT
���()�T+����
��
��	
��-��
��
��
���%�/5�
� ��	��KT�NT+��
���
���	��%,������	��/�-����
��
���
�������
(���1
	���,�
(��
��
���%
(����
��(��/��/���
����	�����
	�5�
� ��W
KT�T+��
���
���
��
��,�����������-�
(���1
	�5�
� &����	
+��
���
�0,
����������#���
�
��
����(�
�
���� �5�
� ����2KTX22??AAT+��
���
���������������'�7�<����
��
��!1�	��
�8'�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AF�
�
���������������
0�/
��+����*��-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Linhas Horizontais</TITLE> 
</HEAD> 
<BODY> 
Espessura 5<HR SIZE="05"> 
<BR> 
Largura 80% da página:<HR SIZE="05" WIDTH="80%"> 
<BR> 
Alinhamento à direita:<HR SIZE="05" ALIGN="Right" WIDTH="30%"> 
<BR> 
Linha sem nenhum atributo:<HR> 
Linha com COR Vermelha:<HR NOSHADE COLOR="Red"> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
,,--66--����������������
G��	�
���	������+�,(���������(���
���%���
�������$%�����V
�'����	���������
(��
�������(���
�,(����,�
:����
���
�����������
-�����
����	�����������,������$%����'�
�
������(
��
�
1���
(���3���������
�	�����@�
��*������2#��=��
�����5�
��*������=��
�������,�2,(
�����5�
��*�������
���������'�
�
,,--66--55--����������������&&88������22		
&&��		������
�
��?��B���
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AH�
�
���������������
6
�(��
����
��������$%����,(��
1����
��9��������(�(�������
���
����������
�
��
�'�
�
�����0�+�
�
�B���Y�
KT3��/���T��
�������9�����A�J����
�������9�������J����
�JB���
�
����+�
� �B��+�����������*�����2#��=��
����'�
� �Y�
KT3��/���T+�������������(�������(�������'�6��
��
�@�
o ��� +�=�(��������+�,(������'�!��
�+�������#�5�
o �$%���+�=�(��������+�,(�0,������5�
o �� ��+�=�(��������+�,(��:��,	�'�
� ����+��9���������	����'�2#��/$�	�(��
��
��#��+��
�
��$��������D�[Z*�^'�
� �JB��+�E�(����*�����2#��=��
����'�
�
0�/
��+�������V�V��������-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Listas</TITLE> 
</HEAD> 
<BODY> 
<H3>Lista Não Ordenada - Tipo Square</H3> 
<UL TYPE="square"> 
 <LI>Tópico 1</LI> 
 <LI>Tópico 2</LI> 
 <LI>Tópico 3</LI> 
</UL> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
,,--66--,,--������������������22		
&&��		������
�
��?������
6
�(��
����
��������$%����,(��	������,(+������,��	���+����-���(���	�����
�
��������,��#�'�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AI�
�
���������������
�
�����0�+�
�
�����Y�
KT3��/���T����2�KT�T��
�������9�����A�J����
�������9�������J����
�J����
�
����+�
� ����+���:�������*�����=��
����'�
� �Y�
KT3��/���T+�������������(��������,(
��"#�'�6��
��
�@�
o 5+�	������,(+���������#�5�
o �+�	������	���+�������(�	
�����(��b��,	��5�
o �+�	������	���+�������(�	
�����(��b��,	��5�
o �+�	������,(+�������(��b(
������(�����(��b��,	��5�
o �+�	������,(+�������(��b(
������(�����(��b��,	��'�
� ���2�KT�T+�=���	���������	����	������,(
����'�
� ����+��9���������	����'�2#��/$�	�(��
��
��#��+��
�
��$��������D�[Z*�^'�
� �J���+�E�(����*�����=��
����'�
�
0�/
��+�������V���������-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Listas</TITLE> 
</HEAD> 
<BODY> 
<H3>Lista Ordenada - TYPE="A" e START="3"</H3> 
<OL TYPE="A" START="3"> 
 <LI>Tópico 1</LI> 
 <LI>Tópico 2</LI> 
 <LI>Tópico 3</LI> 
</OL> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
,,--66--;;--����������������		
����22������PP������
�
���	�������
�����������#�����
�
��
�������,�����	�����'��������
(��
�,(��	������
�������������,�������
��(���
��
�@�,(��9�����
�,(���
����"#������9����'�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AJ�
�
���������������
�
��?��	���
6
�(��
����
��������$%����,(��	������
��������'�
�
�����0�+�
�
�	���
���	���9�����A�
�����		��
����"#������9�����A�
���	���9�������
������		��
����"#������9�������
�J	���
�
����+�
� �	��+���:�������*������
��������'�
� �	��+��9��������*������
��������'�2#��/$�	�(��
�
��#��+��
�
��$��������D�[Z��^'�
� �		�+��
����"#������	����'�6�����������D�[��^�
1���
�,(����D�[��^'�
� �J	��+�E�(����*������
��������'�
�
0�/
��+�������V��� ���!��-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Listas</TITLE> 
</HEAD> 
<BODY> 
<H3>Lista Descritiva</H3> 
<DL> 
 <DT><B>Listas Não Ordenadas</B> 
 <DD>As listas não ordenadas inserem <I>marcadores</I> na frente de cada 
item. 
 <DT><B>Listas Ordenadas</B> 
 <DD>As listasordenadas inserem <I>números</I> ou <I>letras</I> na frente de 
 cada item. 
 <DT><B>Listas Descritivas</B> 
 <DD>As listas descritivas são diferentes das outras listas. Cada item de uma 
 lista descritiva possui dois componentes: um <I>tópico</I> e uma 
 <I>descrição</I>. 
<DL> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
AK�
�
���������������
��
��
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
���
�
���������������
;;--������&&<<����
�
����������	�����"#��������
��
��+��
(��b�������,��	�
�"#���
�/��
��
1��'�G(���$%������(�	�%�"#����(�
�,������$%������,���0,�����	���	�
�����
(�0,�	0,
������
����(,���'�
����	���"#���
�/��
��
1����#���
��
�����%
���(
��
���	�%�"B
����(��,������$%����'�C�����:�
	���
��
	�%�"B
����(����
�/����
����������9������$%���'������+�(,����,��	�
����
(��$%�������(��
1����	��%��'�
�
;;--55--������&&<<��������22������22SSBB��PP��������������������
G(�	���������,(���$%����	���	�+�0,���������0,����0,
��
�$�	�������
��$����(
�(�����
�9��������$%����0,
�
����	�������'�2
��
������+���
����������(�����(
��
�����(
������0,���'�
�
�����0�+�
�
����2
.KT��$%�!�-�0����)�T��
1����,��(�%
(�J�����
�
����+�
� Z��$%�!�-�0����)�T+��
�
��
���
�����������(
������0,����0,
��
�$���
������
��,��
1�
��#�'�
� ��0����%��/���/+�C����
1����,��(�%
(�0,
��
����$���(��	���'�
�
0�/
��+����1�-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links</TITLE> 
</HEAD> 
<BODY> 
<H3>Link Para Página Local</H3> 
<A HREF="Link_Local.htm">Clique aqui</A> para ver a página Link_Local.htm 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�A�
�
���������������
0�/
��+����1V�� ��-*�/�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links</TITLE> 
</HEAD> 
<BODY> 
<H3>Link Para Página Local</H3> 
<A HREF="Links.htm">Clique aqui</A> voltar à página Links.htm 
</BODY> 
</HTML>
��/��3� �����A��M���+�
�
�
�
�
��
;;--,,--������&&<<��������22������22SSBB��PP������
������BB��22������		��22
��[[22��������
6����������,(�	���������,(���0,����	���	�
����
(��,�������
�9����7�����8�+��
�
��$����������������(��/��
��(�	
������������0,����
�
%�����
����
�9��������V
�@�
� =�6������
��������������	���	�
���,(���0,����+������
�9������,�	5�
� ��������,��	�
����������
���������
�9�����+�������������
������	�7Z85�
� 6�����,����,(��:�
	-����3��
�
�,��	�
�������������W''ZX'�
�
�����0�+�
�
����2
.KT�����H���J��$%�!�-�0����)�T��
1����,��(�%
(�J���
=,�
����2
.KT--J�����H���J��$%�!�-�0����)�T��
1����,��(�%
(�J���
�
�
0�/
��+�
�
�(�%��
����
%,���
�
���,�,����
����
�9����@�
� �@c)��*c�,	��c*����'/�(�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
���
�
���������������
� �@c)��*c*���d)�(
'/�(�
� �@c)��*c�,	��c�������
c*���d�������
'/�(�
� �
�
�
��
���������$%����*����'/�(��������
��������$%����*���d)�(
'/�(�����(���������
���+@�
����2
.KT--J���1V��/�-*�/T��
1����,��(�%
(�J���
�
6������
��������$%����*���d�������
'/�(�����(���������
���+@�
����2
.KT	�������J���1V	�������-*�/T��
1����,��(�%
(�J���
�
0�/
��+����1�-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links</TITLE> 
</HEAD> 
<BODY> 
<H3>Link Para Página Local</H3> 
<A HREF="Link_Local.htm">Clique aqui</A> para ver a página Link_Local.htm 
<BR> 
<H3>Link Para Página Que está um nível acima</H3> 
<A HREF="../Link_Home.htm">Clique aqui</A> para ver a página ../Link_Home.htm 
<BR> 
<H3>Link Para Página Que está um nível abaixo</H3> 
<A HREF="Distante/Link_Distante.htm">Clique aqui</A> para ver a página 
Distante/Link_Distante.htm 
</BODY> 
</HTML>�
�
�
0�/
��+��������V��/�-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links</TITLE> 
</HEAD> 
<BODY> 
<H3>Página em Home</H3> 
Esta página está um nível de diretório acima que a página onde foi criado o 
link. 
<BR> 
<A HREF="Aulas/Links.htm">Clique aqui</A> para voltar a página Links.htm 
</BODY> 
</HTML>�
�
0�/
��+��������V	�������-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links</TITLE> 
</HEAD> 
<BODY> 
<H3>Página Distante</H3> 
Esta página está um nível abaixo do diretório da página onde foi criado o link. 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
� �
�
���������������
<BR> 
<A HREF="../Links.htm">Clique aqui</A> para voltar a página ../Links.htm 
</BODY> 
</HTML>�
�
�
��
�
��
��
1
(�	���������&�
�-����
%�����
���
�����$%����������+������	����'�
�
;;--;;--������&&<<��������22������22SSBB��PP������		
����BB��22��������
22PP��		��22
����
6����������,(�	�����������0,�����	���	�
�����
(�0,�	0,
������
����(,����+��
�
��$��������������G�*����
��0,���'�
�
�����0�+�
�
����2
.KT
���� ���+JJ���!����J��$%�!�T��
1����,��(�%
(�J����������
�
����+�
� 
���� ���+�+���������
��
�������0,
�
��$��
������
�����'�)��6-�E�6-�
��5�
� ���!����+�+�����(�,������0,
�����+(�����0,���5�
� ��$%�!�+�+������
�9����
�����(
������0,���'�
�
0�/
���+�
����2
.KT3�
+JJMMM-�/
����- �/-��J�� �J %��� %��-�� T��,����,	��J���
����2
.KT*��
+JJMMM-�/
����- �/-��J����0-*�/T�!(��
���N�J����������
�
�
;;-->>--������&&<<��������22����
##����������
6����������,(�	���������,(�
�(��	�+���
����������(�����
��
�
"��
	
��e����������%��
�	���'�
�
0�/
��+�
����2
.KT/�����+��� 1�������\*��/���- �/T��	
���������f/��(��	'��(�J���
�
;;--@@--������&&<<��������22����������
����������RR??��&&����]]��^^&&����22����
6����������,(�	�����������(
�(���$%����+���
������
�������
"B
������$%���'�������
"#���
�$�,(���(
�0,
�
�
����$��
��
�
�3������������	���'�
6��������-�+���
�����������,(��g�����������:�����
�������
"#��0,
��
�$���
�����'�
G(��g������+�,(��������
��
�
�3������,�
��
�
"�'�!	��+�,��	�
���������(����������:�����
�������
"#�'�=�
��(
����g�������
�$�,��	�
�����
	��	����0,
�����
����$'�
�
�����������^� ���+�
�
���&��
KT&�/�������()�T��
1���J����������
�
����+�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
����������������������
��
����������	
���������������
������� �
�>�
�
���������������
� &��
KZ&�/�������()�T+����������(
�����
"#�-�(������������:�������(
�(�'�
� ��0��+�2#��+��
�
��$�����
����������'�
�
�
��������1���^� ���+�
�
����2
.KTX&�/�������()�T��
1���J����������
�
����+�
� X&�/�������()�+������������(
�����
"#��0,
��
�
��
����
�����'�
� ��0��+�C����
1���0,
��
����$���(��	���'�
�
�
0�/
��+����1�V�� ����-*�/�
�
<HTML> 
<HEAD> 
<TITLE>Curso de HTML - Links Âncoras</TITLE> 
</HEAD> 
<BODY> 
<A NAME="Inicio"></A> 
<H2>Exemplo de links para seções de uma Página:</H2> 
<!-- Aqui estão os links --> 
<A HREF="#Seção1">Seção</A><BR> 
<A HREF="#Seção2">Âncoras</A><BR> 
<A HREF="#Seção3">Links</A><BR> 
<BR><BR> 
Este espaço foi criado para separar as seções da página. 
<BR><BR> 
<!-- Aqui estão as seções --> 
<A NAME="Seção1"></A> 
<H3>Seção:</H3> 
Seção é uma parte de uma página.<BR> 
As seções normalmente são utilizadas como capítulos de um livro.<BR> 
<A HREF="#Inicio">Clique aqui para voltar ao início da página</A><BR> 
<BR><BR> 
Este espaço foi criado para separar as seções da página. 
<BR><BR> 
<A NAME="Seção2"></A> 
<H3>Âncoras:</H3> 
As âncoras são criadas para definir o início de cada seção que servem como 
referência para os links.<BR> 
<A HREF="#Inicio">Clique aqui para voltar ao início da página</A><BR> 
<BR><BR> 
Este espaço foi criado para separar as seções da página. 
<BR><BR> 
<A NAME="Seção3"></A> 
<H3>Links:</H3> 
Os links são ligações para outras páginas ou seções de uma mesma página.<BR> 
<A HREF="#Inicio">Clique aqui para voltar ao início da página</A><BR> 
</BODY> 
</HTML>�
�
�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�F�
�
���������������
��/��3� ������A��M���+�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�H�
�
���������������
>>--��������??
&&����
�
�
�
G(�9��(���
�,����������������,(���$%����&
��(��������
��
�+���,��	�
�"#���
��(�%
��'�=�����(������
�
��0,�����,��	�
����������&
���#����D�E�
����6D��,��6!D'�
6����
�������(�%
��������&
�����3����
�,������
�������
��,����
�
�3����'�=��(�������
������
�,��	�
�����
�����
��%�
���V
���#�������
	����&�
���6/����</��-����+(���(����,��	�
�����������%��(����
��
(�%
��	�+�
��6�����</���6��-�0,
�+���0,
���(���,��	�
�������,��������������(����(�%
��-����+(�������9������#��+�
���������,��	�
�"#�����(
�(��
���(�,�$�	����(��,(���
���(
���'�
=����(����D�E�7D���/�������
��/��%
�E��(��8��,��������+��FH����
��
�%
�����0,�����
(�%
��	��
(�
(
���
�-���(�
1�
��#��'%��'�!	
�+�(,����,��	�
����������
�
�/���
�%�$������&
�'�
=����(�����6!D�7������6/���%���/���!�%��
���%�D��,�8��,��������+�AH�(�	/B
���
����
�-����
�����
�,
���
����(��/���
�,(���(�%
(�
(���+�A���
�'�!	
�%
�����0,�������(�
1�
��#��'.�%��,�'.�
%-��
����(,����
,��	�
��������������������
��(
	/����
��	,"#���
����
�'�
�
��?����?��
6
�(��
����
��������$%����,(���(�%
('�
�
�����0�+�
�
���?��2�KT��$%�!�T���	��KT�T��
�?��KT�T�A�2	
2KT�T����?&KT
���()�T����KT��0��T��
�
����+�
� �2�KT��$%�!�T+����������G�*7��(��/�8������0,�����
��(�%
('���%��
�����(
������0,����
���
1�
��#�'�
� ��	��KT�T+��
���
���	��%,�������(�%
(�
(���1
	�'�<
��#�����������(����������#��+�����(��/��
���%���	�����(�%
('�
� �
�?��KT�T+�����������	�,�������(�%
('�<
��#�����������(����������#��+������%���	�����(�%
('�
� A�2	
2KT�T+�C���
��
��,������������
(���1
	�'�
�
� ���?&KT
���()�+��������������"#������(�%
(�
(��
	�"#������
1��'�6���"#�����
��
�@�
o ��
+��	��/�����
1����
	�����������(�%
(5�
o �����/+��	��/�����
1����
	�����
�����(�%
(7����#�85�
o /�����+��	��/�����
1����
	���
���������(�%
('�
� ���KT��0��T+�C�,(��
1����	�
����������������(�%
('�4,����������&�
���#��
1��
����(�%
(-���
(
���%
(�+�
1���������	,%��'�
�
�
0�/
��+��/�����-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Imagems</TITLE> 
</HEAD> 
<BODY BGCOLOR="White"> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�I�
�
���������������
<IMG SRC="Imagens/Estrela.gif" WIDTH="200" HEIGHT="200" BORDER="5" ALT="Estrela" 
ALIGN="Middle"> 
Teste o alinhamento deste texto alterando o atributo ALIGN para Top, depois 
Bottom e 
depois Middle. 
</BODY> 
</HTML>�
�
����������A��M���-�
>>--55--�� ������??
&&������������������&&<<��
6����,��	�
���,(���(�%
(���(��	�������
��
��
�����%���D�
���
������%�[�^[Z�^'�4,������
�,���,(��
�(�%
(���(��	���-�+���
������
�������������,����=��!�a�-�������	%,������&�
���
1��
(�,(���������
,	����
�
��������(�%
(-���
.,��������������3���������$%���'�
�
�����0�+�
�
����2
.KTB2�T����?��2�KTA����-��3T��J���
�
0�/
��+��/�����-*�/�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Imagens</TITLE> 
</HEAD> 
<BODY BGCOLOR="White"> 
<IMG SRC="Imagens/Estrela.gif" WIDTH="200" HEIGHT="200" BORDER="5" ALT="Estrela" 
ALIGN="Middle"> 
Teste o alinhamento deste texto alterando o atributo ALIGN para Top, Bottom e 
depois Middle. 
<H3>Imagem como Link</H3> 
<A HREF="Imagens.htm"><IMG SRC="Imagens/Botao.gif" BORDER="0"></A> 
</BODY> 
</HTML>�
�
P�U�� �/��3� �����A��M���+�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�J�
�
���������������
>>--,,--�� ������??
&&������������������		2288����		
��..BB&&		����
C�����:�
	�,��	�
���,(���(�%
(���(������#���
��,����
(�,(���$%���'�6������������������
��
�������
�����,������PD�=G2���
����������%��=�]'���(
��,������������#��,��	�
�����0,�����(,����%����
����(��
����#���
��,���-��������������(����$%����(����	
�������������
%��'�
�
�����0�+�
�
�A�	Y�A��<?2�B&	KT�/���/T��JA�	Y��
�
0�/
��+��/�����-*�/�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Imagens</TITLE> 
</HEAD> 
<BODY BGCOLOR="White" BACKGROUND=”Imagens/Estrela.gif”> 
<br><br><br> 
Veja como a imagem da estrela fica como fundo na página. 
</BODY> 
</HTML>�
�
���������A��M���-�
�
�
>>--;;--�� ������??
&&������22��&&������22
&&��
����
C�����:�
	�����������,�����
�,(���(�%
(���������
��
-��
����(��0,
-�����
������
%���-��������
��,�������
�(�%
(��
�����
�
'�!��
��
�,����+�(,����b��	������,��	�
�����(
�(���(�%
(�
(��$������$%������
����
��
�
��,�������
�
��
�-��
(�0,
���
���
�������,(���(�%
(������������$%���'�
�
��������3�����
(��(�%
����9�+��,���������
	�����(����D�E'
�
��
>>-->>--�� ������??
&&����������
��		������
G(���(�%
(�(��
���������(����+����0,
�,(���(�%
(����������
(��$������
%�B
�-����
�������
%�#��+�,(�
	���������,(���$%���'�
!1���
(�������������
��(�%
���(��
����@�
� ���!��J����+���������(�"B
������(�(�,(���0,�����
���
��
�����
����������
�
��$�/���
�����
���$%���'�4,�������,�,$�����$�,(��	�0,
�����(�%
(-�+�
�����������
���������������
���������
�(�%
(�0,
��
�
�
,����	�0,
�
�����(
������0,������(���������(�"B
��0,
��
�
��
��,��	�
���'�
� �������J����+���������(�"B
���
�
��$������#����(�
�����������9������$%�������
�
��$���
�(�%
(�(��
���'�6��������+�(�����$����'�
2
��
��,������(���������,(�(�������������	�
��Z<��
'�6���������
1���
(����
��������%��(���0,
����
(��
��
,�����������(��
������(�%
('�Q�(���,��	�
��������!���'�
6����������,(���(�%
(�(��
����+���
����@�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
�K�
�
���������������
� ������,(���(�%
(�
(��
,�
��������
�
����'�Q�(���,��	�
������(�%
(�!���
	�d��������
��
'%��5�
� ������,(���$%����)��*���(����(�%
('�Q�(������������$%�����(�%
(d���
���'/�(5�
� ��������(���@��
����������
%�B
��
�������������G�*�'�
�
�
P�U������$%�!�����!��
���%/������������/���/�/�
����+�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Imagem Mapeada</TITLE> 
</HEAD> 
<BODY BGCOLOR="White"> 
<IMG SRC="Imagens/Estrela_Transparente.gif" usemap="#Estrela_Transparente" 
border="0"> 
<map name="Estrela_Transparente"> 
<area shape="circle" coords="49,55,17" href="Imagem_Mapeada.htm" title=""> 
<area shape="poly" coords="37,33,47,2,59,36,37,34" href="Imagem_Mapeada.htm" 
title=""> 
<area shape="default" nohref> 
</map> 
</BODY> 
</HTML>��
�
�����0�+�
�
���?��2�KT��$%�!�T�B�
���KT/�
�T��
�����&��
KT��/�T��
������2
������
KT3��/���T����2	�KT ����������T��2
.KT
�����T��
�J�����
�
���%�%������%/�Z��
�T+�
�
� ������J����+������������:�����
�,(���
����"#���
�(��������
����������	�
��
'������,��@�
o &��
KT��/�T+������������(
����(���5�
� ��2
��+������������
%�B
���
��:�
���0,
���(�������
�
����$'������,���@�
o ����
KT3��/���T+�������������(��������
%�#�'�6��
��
������	
-�6�	h-��
��-��
��,	�5�
o ���2	�KT ����������T+����������������
������0,
����(�(����
%�#�5�
o �2
.KT
�����T+�����������$%��������������?��
%�#�5�
� ���?�+�����������(�%
(�(��
���'������,��@�
o �2�KT��$%�!�T+������������(
������0,�����
��(�%
(5�
o B�
���KT/�
�T+����������(����0,
��
�$�,��	�
���5�
�
�
>>--@@--�� ������??
&&������&&������		������
!��
�+�,(������
�,�����(����,��	�
���������������������
�"#������,�,$����'�C�����:�
	����������(�"B
��
��(�	
1�����(����	
�������-���.
���������
N�
�E	��/'�6��+(������(��(������(�	
���
����������(�"B
��+�
,��	�
����(�%
���D�E'�
6����������,(�%������(����+���
�����,��	�
���,(����%��(����9��������������"#���
�%�������(����'�G(�����
���%��(���(����,��	�
�����
���(�	
����+������(������</���0,
��
(���(���6�����</���6���
7&&&'.���'��(8'�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 ��
�
���������������
2
����������	���#���/
%��
(��������
��
����(���
���
�,(���(�%
(����(���-�(���������
����-����1
�
�	%,(��������
��
��
��
��
'�����%��/�������,(���(�%
(����(�����#��(,���
(��
	�"#����,(���(�%
(�
��$����'�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 A�
�
���������������
@@--������AA
��������
�
�
�
������
	����#���
��
������������%���
���
����
�
������������
����(����$����'��C�����:�
	����
�����
1��-�
�(�%
����,�	�����
(����
	��-��������,�����(
	/�����������(�"B
��
(�,(���$%���'�
!��
�+�,(������9������(�����(�������
�-����0,
�+��(��
�����:�
	���(������
(���,����
����
	��������������
,(���(�	�h�,��/�(	'�6������(
��
�����������$%�����&
��,��	�
�(��
�,������
����
	����������%��(����
,��
	
(
����'�6��+(���,��	�
�"#���
�
���	���7�<<8���������������(
�����
�
	
(
���������$%����
��$�
��
��
����������
�(���-�
�.$�
1���
(��$%�������(�	�h�,��(,������(��
(���,����
����
	��-�,��������
����
�<<'
�
@@--55--�� ����AA
����������������
����
��(������#��,(�����
	���#������,��������'������	��/��������
	��+��
��������
������(
��
�
�+�����:�
	�
(���������������3�����������
	�-�,��	�
������	%,��������,����0,
��
�
(���(����������
'�
=��b(
����
�����
���
����b(
����
�	��/���������
	��
����b(
����
����7�
����������D���8��
���
���
�b(
����
���	,����������
	�'�
�����0�+�
�
���A�
��
��2���������
����������
"�	/��������
	��J����
�����	�������������
	��J�	���
�J�2���������������
�J��A�
��
�
�
����+�
� ���A�
��J��A�
�+���D���
���:����
���(��
����
	�'�
� ��2��J�2�+��
���
������	��/��������
	�5�
� �����J���+��
���
������
"�	/��������
	�'�C�,(���+	,	��������
	�5�
� ��	��J�	�+��
���
����������������
	�'�C�,(���+	,	��������
	�5�
� 	��������������+����
(��
���
1��-��(�%
���
�	����5�
� ����(��*������������+����
"�	/�����(��
1��-��(�%
����,�	����'�
�
0�/
��+��������-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Tabelas</TITLE> 
</HEAD> 
<BODY> 
<H3>Tabela Sem Borda:</H3> 
<TABLE> 
 <TR> 
 <TH>Célula 1</TH> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 ��
�
���������������
 <TH>Célula 2</TH> 
 </TR> 
 <TR> 
 <TD>Célula 3</TD> 
 <TD>Célula 4</TD> 
 </TR> 
</TABLE> 
</BODY> 
</HTML>�
�
�
��/��3� �����A��M���+�
�
�
@@--,,--�� ����		��..������&&		��������������22FF&&��������		��������AA
������##������22��AABB��������
C�����:�
	��
�������	%,��������,������������
	��-���(��������-��	��/�(
�����������
b��-�
���"�(
����
���
�����+	,	��-�
���"�(
����
���
����������
�����91�(���+	,	�-�	��%,���������
	�-�
��'''�
Q
.�(����	%,����
��
�������,���@�
�
�����0�+�
�
���A�
�A�2	
2KT�T���	��KT�NT��
�?��KT�NT��
�������&?KT�T��
����	�&?KT�T�
A?����2KTX22??AAT��
�J��A�
��
�
����+�
� A�2	
2KT�T+�
��
��,������������
(���1
	�'�
� ��	��KT�NT+�	��%,���������
	��
(��
	�"#��������&�
�-�
(���1
	���,�\5�
� �
�?��KT�NT+��	�,���������
	��
(��
	�"#��������&�
�-�
(���1
	���,�\5�
� �
�������&?KT�T+�
���"��
���
�,(���+	,	��
��,���-�
(���1
	�5�
� �
���		�&?KT�_+�
���"��
���
����������
���������������
	�-�
(���1
	�5�
� A?����2KTX22??AAT+������
��,���������+	,	���������
	�'�
�
0�/
��+��������-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Tabelas</TITLE> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 �
�
���������������
</HEAD> 
<BODY> 
<H2>Tabela com :</H2> 
<H4>border="3" width="80%" height="30%" cellpadding="6" cellspacing="6"bgcolor="Gold"</H4> 
<TABLE border="3" width="80%" height="30%" cellspacing="6" cellpadding="0" 
bgcolor="Gold"> 
 <TR> 
 <TH>Célula 1</TH> 
 <TH>Célula 2</TH> 
 </TR> 
 <TR> 
 <TD>Célula 3</TD> 
 <TD>Célula 4</TD> 
 </TR> 
</TABLE> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
@@--;;--�� ����22��AABB��������		
������&&��������
����``��BB��������
��(�+(�+�����:�
	��
�������	%,(���������
���
���
�	��/���
��+	,	����������,����������
	�'��
�
�����0�+�
�
��2����?&KT
���()�T�A?����2KTX22??AAT�P���?&KT
���()�T��
����	����?&KT
���()�T�P���?&KT
���()�T�A?����2KTX22??AAT���	��KT�NT�&��2����J�	��
�J�2����
�
����+�
� ���?&KT
���()�T+��	��/�(
����/���
����	��������
b�������+	,	���,������+	,	������	��/�'�6��
��
��
	
��-���%/��
��
��
�5�
� A?����2KTX22??AAT+��
���
��������
��,���������+	,	������	��/���,��
�,(���+	,	���������,�	5�
� P���?&KT
���()�T+��	��/�(
�����
�����	��
�,(���+	,	���,��
��+	,	����
�,(��	��/�5�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 >�
�
���������������
� ��	��KT�NT+�	��%,����
�,(���+	,	��
(���1
	���,�\5�
� &��2��+��������������&�
��0,
����
1�������+	,	���#�����
��
�����������
(�(�����
�,(��	��/�'���
��	,������
������
�$�����(��/������
1���
���������0,
	���+	,	�5�
�
0�/
��+��������-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Tabelas</TITLE> 
</HEAD> 
<BODY> 
<H2>Tabela</H2> 
<TABLE BORDER="0" BGCOLOR="Gold" WIDTH="600" CELLPADING="3"> 
 <TR BGCOLOR="Silver"> 
 <TH>Célula 1</TH> 
 <TH>Célula 2</TH> 
 </TR> 
 <TR> 
 <TD BGCOLOR="LightBlue" ALIGN="Center" VALIGN="top"> 
 Célula 3 - ALIGN="center" VALIGN="top"<BR><BR> 
 </TD> 
 <TD BGCOLOR="Red">Célula 4</TD> 
 </TR> 
</TABLE> 
<H2>Tabela utilizando o atributo NOWRAP</H2> 
<TABLE BORDER="2" WIDTH="80%" CELLPADDING="6"> 
 <TR ALIGN="Center"> 
 <TD NOWRAP>Com o atributo NOWRAP o texto não pode ser dividido em mais de 
uma linha</TD> 
 <TD>Este texto não está utilizando o atributo NOWRAP na tag TD. O texto é 
distribuído 
 em mais de uma linha dentro da mesma célula. 
 </TD> 
 </TR> 
</TABLE> 
</BODY> 
</HTML>�
�
��/��3� ��������M���+�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 F�
�
���������������
��
@@-->>--�� ��
��������&&		������``��BB��������
C�����:�
	������+���
������,���������%����(
��	����+	,	���
(�,(��(
�(��	��/���,�
(�,(��(
�(����	,��'�
6����(
��	����+	,	���
(�,(��(
�(��	��/��,�����������,����=*<6�2������%����
������(
��	����+	,	���
(�
,(��(
�(����	,���,�����������,����=V<6�2������%���'�
�
�����0�+�
�
��	�������&KT�T�������������
	��J�	��
��	�2�����&KT�T�������������
	��J�	��
�
����+�
� ������&KT�T+�+����b(
����
���	,����0,
����+	,	����,���$5�
� 2�����&KT�T+�+����b(
����
�	��/���0,
����+	,	����,���$5�
�
0�/
��+��������V��� �����-��3�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 H�
�
���������������
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Tabelas</TITLE> 
</HEAD> 
<BODY> 
<H2>Tabela utilizando o atributo COLSPAN</H2> 
<TABLE BORDER="2" WIDTH="50%" CELLPADDING="6"> 
 <TR BGCOLOR="Silver"> 
 <TD COLSPAN="2">Célula 1</TD> 
 </TR> 
 <TR ALIGN="Right"> 
 <TD>Célula 2</TD> 
 <TD>Célula 3</TD> 
 </TR> 
</TABLE> 
<H2>Tabela utilizando o atributo ROWSPAN</H2> 
<TABLE BORDER="2" WIDTH="50%" CELLPADDING="6"> 
 <TR BGCOLOR="Silver"> 
 <TD ROWSPAN="2">Célula 1</TD> 
 <TD>Célula 2</TD> 
 </TR> 
 <TR ALIGN="Right"> 
 <TD>Célula 3</TD> 
 </TR> 
</TABLE> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 I�
�
���������������
66--��..��22��BB��CC22��������
�
�
�
�
�����+���
�,(����(,	$������,�,$�������
����
��%�����(����
������-�
��������������0,
��
�#�������
�������
����
�������
��
��	���������,�,$���'�
=�����(,	$�����
����(���������������,(��
�������/�������
�,(����%��(���D�-�%
��	(
��
�
(�W6!�*X��,�
W�X-�����
������������'�=���������D�����
��
������-�����
1
(�	�-�,(���$%�������,�,$�����%���
�
������
,���������(,	$����
Z�,�
������,(�
(��	��������������������$%���'�
G(���������D��7��((���D��
&�h����
����
8-�+�,(�����
����
�0,
�
1
�,������%��(���
1�
������,���������
�����
������
���
������(�"B
�'�2�������������
��
�-��#������
������
��/����0,
��#���,����
������D�'�
�	%,���
1
(�	����
�,����
����������D�@�
� �����������
0,���"B
��
�������
���������
	��,�,$���������+���
����(,	$����5�
� �
������
����
����
�
���
�)��*�
��������
�������<4*-���
����������
��#�����������"#��)��*�
�����<4*�
����
��
���5�
� ����
��
���������������
(��
(�)��*�%
�������
����������������	�
��
5�
�
=�����������#��
��������
(�	��%,�%
�����(���:�
�����(����	������(��������0,�	����
�������
��$���������
�
�
�
(�����,
�����0,�����
1
�,�$�
��'����	��%,�%
���(����,��	�
������#�@�
� 6!�*�
� ��*�
� ��</
		�
� ��,��
�</
		�
� �Z�ii�
�
G(����(,	$������(�+(����
��
������
����������<
������
���
�6$%��������������(���<6-��<6�
�6)6�0,
�
��#��(,�������,�������������
��
�'�
�
66--55--�� ��22����&&		����BB����..��22��BB��CC22������
�����
	
(
�����
�,(����(,	$����+��
��������
������(
��
'�2���
����"#��������(,	$���-����3������(����
	���	�������%��(��7�D�-��<6-�6)68�0,
�������	��$������(,	$����
������(���,�(+�������(������������
�#��
����������������
������'�
�����0�+�
�
�.�2��&��
KT��/�T��
���	KT/"����T������&KTB2�T��
!	
(
������
�E��(,	$����
�J.�2���
�
�
����+�
� �
���	+��
���
���(+�����,��	�
�����
	���
�������������
�
�
�����������������(,	$���'�=�(+�����
���
��
�@�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 J�
�
���������������
o ����+�(+�����(����,��	�
���-������(��
�������������(�"#��������(,	$�����(
�����(
��
�
��9����G�*5�
o ?
�+���
1��������
b���������(,	$�������
��
�
"�����G�*-�����������
(�	�(���"#���
�
��(��/�����������(�"B
�5�
� �����&+�
��
������������%��(���,��$%��������
�������0,
�����
����$����������������(,	$���5�
� &��
+��
���
�����(
�������(,	$���'�
�
�
66--,,--�� ����??����		
��..��22��BB��CC22������
�
��?���&�B���
�
���
�,(���(����
�
��������
������'��������(����
�,(����(,	$���������,�����
,�����
b�����,(��
����$�
	�0,
�����,����(
�
������
��
�:����'�
<����1
@�
�
��&�B���Y�KT��
�T��2�KT�/���/T�&��
KT��/�T�P��B
KT!����T���W
KT��/��*�T�
��9�
&?��KT �/
��/����T���
�<
	��
�
�
����+�
� �Y�
+KT��
�T��
���
���������
�����$�
	�0,
����
��
�@�
o �
9�+�;�
���
��
1���7,�����������,���@��h�
-���(
-���	,
-���
-�(�1	
�%�/85�
o ������2	+��
1�������
%���������
�/��7,�����������,���@��h�
-���(
-���	,
-���
�
�
(�1	
�%�/85�
o ��		
&+�!���������,	���7�����,���@��h�
-���(
-���	,
85�
o 2�	��+����#����(�,(����"#��7�����,���@��h�
5���(
-���	,
-��/
��
�85�
o ��
�<A�9+����#����(�(������"B
��7�h�
-���(
-���	,
-��/
��
�85�
o 2
�
�+�*�(��������(����7�h�
-���(
-���	,
85�
o �BA���+�!��������������������(,	$����7�h�
-���(
-���	,
85�
o ���?
+�!��������������������(,	$����7�h�
-���(
-���	,
-����85�
o AB���&+����#��7�����,���@��h�
-���(
-���	,
85�
o .��
+����
�,(��.��
	��������
	
���������0,����7�h�
-���(
-���	,
85�
� &��
KT��/�L+���(
������(����,�����$�
	5�
� �2�KT�/���/T+��
���
����(�%
(�0,
��
�$�,�����������,�����������(�%
5�
� P��B
KT!����T+��
���
�����	��������(��5�
� ��
�<
	+��������0,
�����(����
�
�
�����(�������7+�������#�85�
� ��W
KT��/��*�T+��
���
�����(��/�������(��-��,��
.�-���0,�������
��
�������
�
��0,
��
�$�
1������
(���(�������������
1��
�6���&���5�
� ��9�
&?��KT �/
��/����T+��
���
���0,�������
��
�������
�
��0,
�����(������
��
�
�
��
(�
��(�������������
1��
�6���&���'�
�
0�/
��+�.��/%�����-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Formulário</TITLE> 
</HEAD> 
<BODY> 
 <FORM ACTION="processa.asp" METHOD="POST"> 
 <TABLE> 
 <TR> 
 <TH ALIGN="left" VALIGN="top">Caixa de texto comum:</TH> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
 K�
�
���������������
 <TD><INPUT TYPE="Text" NAME="txtTexto" SIZE="20" MAXLENGTH="25"></TD> 
 </TR> 
 <TR> 
 <TH>Texto protegido por senha:</TH> 
 <TD><INPUT TYPE="Password" NAME="txtTexto" SIZE="6" MAXLENGTH="6"></TD> 
 </TR> 
 <TR> 
 <TH>Botões de Radio:</TH> 
 <TD> 
 Qual o seu time? 
 <INPUT TYPE="Radio" NAME="radOpcao" VALUE="share" CHECKED> 
 <INPUT TYPE="RAdio" NAME="radOpcao" VALUE="free"> 
 </TD> 
 </TR> 
 <TR> 
 <TH>Checkboxes:</TH> 
 <TD> 
 Que softwares você cohece? 
 <INPUT TYPE="Checkbox" NAME="book" VALUE="Sim"> 
 <INPUT TYPE="Checkbox" NAME="share" VALUE="Sim"> 
 <INPUT TYPE="Checkbox" NAME="soft" VALUE="Sim"> 
 </TD> 
 </TR> 
 <TR> 
 <TH>Botão de Envio:</TH> 
 <TD><INPUT TYPE="Submit" NAME="cmdEnvio" VALUE="Enviar"></TD> 
 </TR> 
 <TR> 
 <TH>Botão de Limpeza:</TH> 
 <TD><INPUT TYPE="Reset" NAME="cmdLimpar" VALUE="Limpar"></TD> 
 </TR> 
 <TR> 
 <TH>Tipo File:</TH> 
 <TD><INPUT TYPE="FILE" NAME="filArquivo"></TD>
 </TR> 
 </TABLE> 
 </FORM> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>��
�
���������������
�
�
�
��?���
�
����
�
���
�,(��	������
���
���0,
����
(��
���
	
����������
	��,�,$���'�
�����0�+�
�
��
�
���&��
KT��/�T���W
KT��/��*�T��B�����
�����A�9��
��������&��
�
��
	�=�"#��J�����&��
��������&�=�"#��J�����&��
�J�
�
����
�
����+�
� &��
KT��/�T+���
���
�����(
������(��5�
� ��W
KT��/��*�L+��
���
���0,�������
��
�	��/������	����5�
� �B�����
+��
���
�0,
��$�������
������	��������
(��
���
	
��������5�
� ����A�9+��
���
�,(�����1���������&�������	�����7�
�
��
��,��	�
�����
(���������,����<�O!�
�
�G*��6*!85�
� �����&+��
���
��������"#�����	����-������"B
�����	������
�
(��
���
��������
���
������%��
[=6��=2^[Z=6��=2^5�
� �
�
��
	+��������0,
�����"#��
����$��
	
����������(���
��,	�5�
�
0�/
��+�.��/%�����-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Formulário</TITLE> 
</HEAD> 
<BODY> 
 <FORM ACTION="processa.asp" METHOD="POST"> 
 <TABLE BORDER="0" CELLPADDING="2"> 
 <TR> 
 <TH ALIGN="Right">Hobbie:</TH> 
 <TD> 
 <SELECT NAME="Hobbie" SIZE="3" MULTIPLE> 
 <OPTION>Carro</OPTION> 
 <OPTION SELECTED>Futebol</OPTION> 
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>A�
�
���������������
 <OPTION>Música</OPTION> 
 <OPTION>Livros</OPTION> 
 <OPTION>Outros</OPTION> 
 </SELECT> 
 </TD> 
 </TR> 
 <TR> 
 <TH ALIGN="Right">Estado Civil:</TH> 
 <TD> 
 <SELECT NAME="ListBox" LISTBOX> 
 <OPTION>Casado</OPTION> 
 <OPTION SELECTED>Solteiro</OPTION> 
 <OPTION>Disquitado</OPTION> 
 <OPTION>Viúvo</OPTION> 
 </SELECT> 
 </TD> 
 </TR> 
 <TR> 
 <TD>&nbsp;</TD> 
 <TD> 
 <INPUT TYPE="Reset" NAME="cmdLimpar" VALUE="Limpar">&nbsp;&nbsp;&nbsp; 
 <INPUT TYPE="Submit" NAME="cmdEnvio" VALUE="Enviar"> 
 </TD> 
 </TR> 
 </TABLE> 
 </FORM> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
��?���
9��2
���
�
���
�,(�����1���
��
1������
���,�,$�������
���%�����,(��
1�����(��������	��/��'�
�����0�+�
�
��
9��2
��&��
KT��/�T�2���KT�T�����KT�T��
1���J�
9��2
���
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>��
�
���������������
�
����+�
� &��
KT��/�T+���
���
�����(
������(��5�
� 2���KT�L+����b(
����
�	��/���������1���
��
1��5�
� ����KT�T+��
���
����b(
����
���	,����������1���
��
1��5�
� ��0��+��
���
����
1���0,
�����
�
�$���(���
��,	�5�
�
0�/
��+�.��/%�����-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Formulário</TITLE> 
</HEAD> 
<BODY> 
<FORM ACTION="processa.asp" METHOD="POST"> 
<TABLE BORDER="0" CELLPADDING="2"> 
<TR> 
 <TH ALIGN="Right" VALIGN="top">Deixe sua sugestão:</TH> 
 <TD><TEXTAREA NAME="Sugestao:" COLS="30" ROWS="5">Digite sua sugestão 
aqui.</TEXTAREA></TD> 
</TR> 
<TR> 
 <TD>&nbsp;</TD> 
 <TD> 
 <INPUT TYPE="Reset" NAME="cmdLimpar" VALUE="Limpar">&nbsp;&nbsp;&nbsp; 
 <INPUT TYPE="Submit" NAME="cmdEnvio" VALUE="Enviar"> 
 </TD> 
</TR> 
</TABLE> 
</FORM> 
</BODY> 
</HTML>�
�
��/��3� �����A��M���+�
�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
> �
�
���������������
DD--��..22����
����
�
�
�
=�����(
���#�������B
������
	��������&�
��
(����
������
	���7�,�W0,�����X8'���(�����-��������
�����:�
	�
���
�
�����(�����
�,(���$%���������
@�����
1
(�	�-�,(�:�������������	�
(�,(������
��
0,
�������
	�-�
�����
1�����
	�������������:����
�
(��,��������
'����
�����������
�������
��
��	���������,�,$���'�
=��������
�,(���$%����E��(
�+����
�
��
��
�,(���$%������(,(-�
��
��
���0,�����9��
(������(
��B
������
�����B
��
�����$%�����0,
����(�����
�
��
(�����������#�'�
��
���,�,����$���������������
�,(���$%������(����(
@�
�������
��
�	��
�����
����%������
������J����
��
�J�
�	��
�.2��
�
������KL5@Na:@NL��
���.2��
��2�KL
�����5-*�/�L��
���.2��
��2�KL
�����,-*�/�L��
�J.2��
�
���
�J������
�
DD--55--�� ��22����&&		����..22����
����
6����,��	�
������
�,�����
����(
�-�+���
�����,��	�
���,(����.,�����
���%�'������,(����(��,���,�"#�@�
��.2��
�
���+�,��	�
���������������,(����.,�����
����(
��
��
,��
	
(
����'�C�����%���������	�
�����������"#���
����(
��
���
������
��
��
��������(�[ZE���!<!�^5�
��.2��
��+�,��	�
����������
������,(����(
�70,����8��
������
�,(����.,�����
����(
�'�2#��
�
�
�������
���%��
�
��
���(
���5�
�
�����0�+�
�
�.2��
�
������KT ��%���a����%��T�2���KT���*��a���%��T�.2��
A�2	
2KT5J=T�.2��
�����&?KT�T�
A�2	
2KT�T��
���.2��
�&��
KT��/�T��2�KTB2�T����?&KT
���()�T�.2��
A�2	
2KT5J=T���2?�&�
�?��KT���%��T�
��2?�&��	��KT����%��T���2����&?KTG��J��T�&�2
��W
��
�J.2��
�
���
�
�
����+�
� .2��
�
�+���%��
���
��,����
�,(����.,�����
����(
�5�
� ����KT ��%���a����%��T+��
���
����b(
����
���	,���-�����	������
��
��
(���1
	���,�
�
��
���%
('�C�,��	�
����������
���������b(
����
�0,������7���(
�8�0,
��
�$������.,�����
�
���(
�5�
� 2���KT���*��a���%��T+��
���
����b(
����
�	��/��-�����	������
��
��
(���1
	���,�
(�
�
��
���%
('�C�,��	�
����������
���������b(
����
�0,������7���(
�8�0,
��
�$������.,�����
�
���(
�5�
� .2��
A�2	
2KT5J=T+�����	���A�
1��
�,(�������� ��������(
-�����	������#��
1��
��������5�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>>�
�
���������������
� A�2	
2KT�T+��
���
�����(��/����������5�
� .2��
�����&?KT�T+��
���
�,(�
���"��
(���1
	��
���
�������(
�-��
(�������������&�
���
�
���/
�
(�
��
������,��5�
�
�
� .2��
+��
���
������0,�����7���(
8��
������(
��
5�
� &��
KT��/�T+��
���
�����(
�������(
5�
� �2�KTB2�T+��
���
����$%����0,
��
�$�
1������������(
5�
� ���?&KT
���()�_+��
���
����	��/�(
�����������
b���������(
'�6���"#�����
��
�@�
o ��
+�������
b���+��	��/������������������(
5�
o /�����+�������
b���+��	��/������(
���������(
5�
o �����/+�������
b���+��	��/����������
�������(
5�
o ��3�+�������
b���+��	��/����?�
�0,
����������(
5�
o ���*�+�������
b���+��	��/����?����
����������(
5�
� .2��
A�2	
2KT5J=T+�����	���A�
1��
�,(�������� �-�����	������#��
1��
������5�
� ��2?�&�
�?��KT���%��T+��
���
����	�,������(��%
(�
(���1
	�5�
� ��2?�&��	��KT����%��T+��
���
���	��%,������(��%
(�
(���1
	�5�
� ��2����&?KTG��J��J�%��T+��
���
��
������(
��
�$��,��#���������
���	�%
(5�
� &�2
��W
+�
��������
��(
������(
����������(
5�
�
�
0�/
��+�.��/��-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<FRAMESET COLS="40%,*" FRAMEBORDER="1" BORDER="5"> 
 <FRAME NAME="Frame_1" SCROLLING="No" NORESIZE SRC="Pagina1.htm"> 
 <FRAME NAME="Frame_2" SCROLLING="Auto" NORESIZE SRC="Pagina2.htm"> 
</FRAMESET> 
</HTML>�
�
0�/
��+�������5-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<BODY BGCOLOR="Gold"> 
<CENTER><H2>Página 1</H2></CENTER> 
</BODY> 
</HTML>�
�
0�/
��+�������,-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<BODY BGCOLOR="LigthBlue"> 
<CENTER><H2>Página 2</H2></CENTER> 
</BODY> 
</HTML>�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>F�
�
���������������
��/��3� �����A��M���+�
�
�
�
�
0�/
��+�.��/��V,-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<FRAMESET COLS="40%,*" FRAMEBORDER="1" BORDER="5"> 
 <FRAME NAME="Frame_1" SCROLLING="No" NORESIZE SRC="Pagina1.htm"> 
 <FRAME NAME="Frame_2" SCROLLING="Auto" NORESIZE SRC="Pagina2.htm"> 
</FRAMESET> 
</HTML>�
�
��/��3� �����A��M���+��
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>H�
�
���������������
0�/
��+�.��/��V;-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<FRAMESET ROWS="10%,*" FRAMEBORDER="0" BORDER="0"> 
 <FRAME NAME="Frame_1" SCROLLING="no" NORESIZE SRC="Pagina1.htm"> 
 <FRAMESET COLS="10%,*" FRAMEBORDER="0"> 
 <FRAME NAME="Frame_2" SCROLLING="Auto" NORESIZE SRC="Pagina2.htm"> 
 <FRAME NAME="Frame_3" SCROLLING="Auto" NORESIZE SRC="Pagina3.htm"> 
 </FRAMESET> 
</FRAMESET> 
</HTML>�
�
0�/
��+�������;-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<BODY BGCOLOR="Red"> 
<CENTER><H2><FONT COLOR="White">Página 3</FONT></H2></CENTER> 
</BODY> 
</HTML>�
�
�
��/��3� �����A��M���+�
��
��
DD--,,--�� ����&&<<������������..22����
����
<
(��
�0,
��
��������,(�	�����
������
�,(���$%���-����%'�#���+�0,
����$%�����
�
�
��
���
��
�	�����
.��
����
%�������(
�(��.��
	������$%�������
����-����+(�+�����:�
	���
����(�0,
�,(�	���������,(���$%����
(�0,�	0,
�����(
-�����������,��(����������,������D!�������%�[�^[Z�^�
�
�
�����������������������������������������������������������������������������������������������������������������������������������
 
���������	�
�����
	������
������
�����
��������
��������������
��
����������	
���������������
������� �
>I�
�
���������������
�����0�+�
�
����2
.KTT���2?
�KT3��/�T�*����J���
�
����+�
� ��2?
�KTU�����T+�������
(�0,�	���.��
	���,����(
�0,
����$%�������	�����
�
��
������
%���'�
���
	�����
��
�5�
o V��
+�	�(������
	��
����
����$%������,��������������
	�5�
o V����1+����
�,(�������.��
	��������&�
�������
1��������$%���5�
o V���3+�����
%�����$%����������(
���,�	'�C����
��,	�5�
o ��/�����3��/�+�����
%�����$%����������(
�
��
��������5�
�
0�/
��+�.��/��-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<FRAMESET COLS="20%,*" FRAMEBORDER="0" BORDER="0"> 
 <FRAME NAME="Frame_1" SCROLLING="no" NORESIZE SRC="Pagina1.htm"> 
 <FRAME NAME="Frame_2" SCROLLING="Auto" NORESIZE SRC="Pagina2.htm"> 
</FRAMESET> 
</HTML>�
�
0�/
��+�������5-*�/�
�
<HTML> 
<HEAD> 
 <TITLE>Curso de HTML - Frames</TITLE> 
</HEAD> 
<BODY BGCOLOR="Gold"> 
<H2>Página 1</H2> 
<A HREF="Pagina3.htm" TARGET="_top">Página 3 em _top</A><BR> 
<A HREF="Pagina3.htm" TARGET="_blank">Página 3 em _blank</A><BR> 
<A HREF="Pagina3.htm" TARGET="Frame_2">Página 3 em Frame_2</A><BR> 
</BODY> 
</HTML>�
�
���������A��M���-�
�
�
�
�
�
�
�����������������������������������������������������������������������������������������������������������������������������������

Outros materiais