������������ � ����� �� � ����������� ��� ���������
������������ ������
�������������������� ���������������� ������������������
����
��
������ ��� �� ������ ����� ��������
� ��� !����"��� �� #��!�����$ ��� ����� ����� ��������#�$�!�� ������!��%� &���� !�# ���� ������!�#�������'�����'����'�(
� ��� ���������!� �����""��� ��� �((��!�����!�#��� � ��#������ ��� '''
� )�!�#��������� )�!�#�������������*+,-%%.�!��� �/��������!������!��0�������������1������
22
������ ��� ����������������#��!���������������
� 3��4���������������� �����##�"���� �!�������������������#����� ������!���&��*�����#��!�����.�!��!����������!�� ��"����������!�#���
� �����!���5�(�����&�����!����������������"���������!�#���� �����������������(�������������������!�# ����
� �����&������������!�#��� ��!�"�������,6��� *,�������6������"�� ����7 ��������.� 3���� �����������5�# ����"���������������������������!�#����!��� ������������������ ������������5�# ���&�����8����!�# ����
99
-�����������!����������� -�������4� ����(����
� )������������������������!���������!�#���� )�������������#����"������ ������!����������������������!�"��� ������ �������������
� )�����������!������#����� �����������������&������!�#���
� )��������5������!!�������������5� ��!�"����':;
<<
:&���"������������ ������=�* �((��!��������>>2.
� �����9=�*��������""�������>>?.� �������������#�����!�����������!������ ���������� ��!������&������$�#������!����� ��!����#�����������!�����������!���������&������� ��!�����
� �����9=��*��������""�������>>@.� ���A�� �������B�������&�������9=� C�!���!�����!�#����������%,D�%:-�����===
� E������=�4������9=��#�����!������#�����������������������������E��� +�����#����4���!�������� �((��!�"�������&��������=
FF
�������������#���� ������������� )�����!� ������������ ������!�#���
� 7� �����##� �����!������ ������!��"��� ����������� ��!�������!� �� ��!�#���
� D�� ��������� ���#���� ����������� ��!����� ����!�#������A�����"���B�*)�).�� !����� ��������"��� �������� ��� ���#��� ����������� ���0��� ����!����� �� ������!�#���
� �����4�������������� ����!������)�)�,6��� � �!���!�������� ������� ���� ���� ':;�� ����!��� !�� ����� ����!�#��� ���������������� ����������#����� ���!����� ��� �����##� ���&������""�"��� *(������.������
??
G�����������#���� ������������� H�!���������#����"������!������"�
� 7�!�#(��#������&�������������������������)�)
� H����!�����!������"������!�� ����5�� ���"����� I��#���������� ���"����������������������!�����# ����"����&�������*����������&���� ����.
� %�������������������� �!���!������ ����!���������#��������(���"���� I������������������""����!�#��(������� ������"����!��0���������#�""�� #�����������I!$��!���#�������!��������$��# ����������
� %�� �����������������������������
� H�!�������5�����������#���!���������!�#����� ���!��!�����������������������!���4�������� !�#���A�������B�*J��K.
@@
%!�# ���(����8��������� �����!����� ��� #��!����� ����������� !��#��!����� &������ *���J;K.�
� ����� ��(������� ��#����� ���5����� ���!��������� �� ���� ���&������""�"���� ��$��� �/��!����� ������!���!��� ����##����
� ���&������""�"��� ����� ���� �/�� �������� (������� ,������(�����#�""���� ��� ����!������(������
>>
-���!����4������� %�����!�#������������$������#���4���� ���������#�������������������������� :�����(����$� ��������$������$��##����$�L�
� 7����4���#�""�� ���!������������*#��!���.��������#�����������������������!�����&��������� ������� �����������5����������8*��$�(������.
� %�� ���� ����!��� ���5���#���� ���� �����#�����!�����������!��*�����������$��� ������!�$�L.
�=�=
+!������������ D������#����!������������� ����������������� �����
<$��������������nome$��������� ����������������!������>� :� <p>
� +�!������� ������������� ���������!� ���� �����#���������"���#��!��������������#�����������#��!������*����!��������.�� 3��4��!��������#��!�&������# ���#����������#��!������������
� %��#��!������������������!���������/ ��#�������#�� :���<H1> ��</H1>
� %��������������!�����������&�� :��<tag> L�</TaG>
����
:�� �����,�������������� �5���������������������������4� ��&��������5�#(��������5���(���"�����������!�#���
� -�/�!�����4���!���!�(������������ ��������������&������# ��!�#��������������&������""������0���������
����
6��������(���� %���#�"�����������&������!����������������"���#��!������ +�������������!����������� �� ����8���������#������������#����"���������!�#���
� 3�#�+����(���M�A�&����� B� :� <FONT FACE="ARIAL"> ���# ��</FONT>
� �����������������(���������� ��!�����������9=�$������&��((��������-,, ������!�������!�����������!����������
�2�2
:���8�����0��"�������!� �� I������������������ ����(����8�������!�#���$�����������""�����!�����!��+,-%%�����������?�(���*!������������������?.
� I����� �����������#(����� �!�������!����������"�����$�����������""����!�������8�����0��"�������!� �� �����""����0������5��������!��������������� �/�!�����������(������
� �����0��"�������!� � 4�!����������&� *!�#(���������!�������4��!��������#���!������#����!���.�
�9�9
:��# ���������8� 7�����8������������������#�
N:�����#�O� N(� O�*A� �"��B.�� N��O�*J.��N��O�*K.�� N�# O�*N.��N0���O�*A.�� N����&�O�*8.��N+�!���O�*P.� N����&�O�*4.���N��!���O�*4.� N���O�*Q.� N+�#�O�*R.�N��#�O�*S.
�<�<
,����������������!�#��������
� D�����!�#�����������"���!��<HTML> �����#���!��</HTML>
� G������&���������� ������ %�����"����<HEAD> </HEAD>
� -����������������������!�#�����������������#�"������&������""��������(������
� -�� ��<BODY> </BODY>� -�����������!�#����&������ �� ���
�F�F
�:+)���;D)T� �5������"����*�:+).������!�����(�����������#�"�����# �������������!�#����!������&�����&������""����!�#���� ������������� ����� ��� ������!���&�� �����#�����������!��!�� ������������������!�������*U� ����!��.
� %��!�� ��*;D)T.��� �������0������!���&���� ���&������""��������� ������� ������ %##����� ���� ��(�����L
�?�?
7���!�#���������#��#���<HTML>
<HEAD> <TITLE> Un semplice documento HTML </TITLE> </HEAD>
<BODY>
Questo è un semplicissimo documento HTML
</BODY>
</HTML>�@�@
C��������titolo
�>�>
���J)D-�TI:K�� ,�!���������!�"��� ����'2-��� ����)D-�TI:���&������� �� ��#�����#���������!�#���� ���!� �� )�)��� �����""��� ���!�# ������ ��&������� ����!�#���!�� �����
� 3��è �((����������������� ��(�������������������� �������!�#�������0���������!����!�����������&����������&��
� �����!�����"����4��((������������������!�#������&���������&�������� � ����(����&������� ����#���!�#��������!�#�������������&������ ��� ���&���������2����� ��� ��������#���� !�#�������&���������� :��������!���&�������!������������I-�!�##��!���������������
�=�=
%������J�:+)K� -����������#�"���������� ����
� �������!��������
� G������(������ ��HTML �� ��#��BODY
� %������ �V������""�������5���������HEAD 4�JTITLEK� I������������������������!�#����*0������!���!�# ����!�#��������"����������������������(������.���������������<TITLE> </TITLE>
����
+�!������!����������:+)� <BASE HREF=“…” TARGET=“…”>
� , �!���!�������!�"������"����� ������7C��������&�� ������������!�#���
� <SCRIPT LANGUAGE=“…” TYPE=“…” >…</SCRIPT>
� %!����������!�#��������!�� ��*!���!�.��!����������������W�&��!�� �
� <STYLE TYPE=“…” > . . . </STYLE>
� %!����������!�#���������������������
����
%������%3X� H����!�� ������ ����#�"���� ���!�#�� �����!�#����!��������������"�����������������!�#���$�� �!���!����� �����!�"��������5���!�� �����!�#���� ��!��������0��������!!����&�
� I��#���������!����������������������� -���������������������
� I������������� ������� �V��%3X���������������"�����:+)
�2�2
,���������������%3X<LINK REL=“…” HREF=“…” TYPE=“…”>
:��# ��J�%3X�C:�MA,�T�:,�::�B
�C:HMA���,����!��B�TI:MA�����!��BK
J�%3X�C:�MA%-D3Y��C:HMY#�"����1�F �Y���������TI:MY�#���� �YK
Aggiunge un’icona all’inizio della barra di navigazione
�9�9
7�������#���� ��������������!���� -�����������������#����&�!��!���������������������� ����!������������
� %���������&����������5�!������'������!�� ����!������!�����������!��� �F��F�� ����2��2�� ����� �����#��2��!�����
� :������� �����##�� ����������������!��0���������#������ ���!�&��������5�##����������0������������#�������������#�����!���*�!�.
�<�<
%������:�+� %������:�+�4������""���� ���!����&��������#�"����������!�#���$�!���!��������!���!������� �������($��!������������!����������#���!��������!�#�����������
� %����� �:�+�4������""��������#�����������!��!�� ���!���������������!�#���
� ����������#�"�����������&�������������!� ���3+�:1-D3�:3�� 3+�:��������!������#�������� �� ����8� -D3�:3���������!�����&������������ �� ����8�
�F�F
7�����������:�+� ,��������
<META NAME=“…” CONTENT=“…” >� G������!�#��������� ���3+�:
� ������� +������������!�#���
� ���!�� ���� ;��&�����!��"����������!�#���
� ��������� I������!������!��&��������!�#��������������#�����������!��!�
� ��������� I�����##��!�������������������!�#���
�?�?
:��# ��<META name="author" content=“Enzo Auletta">
<META name="description" content=“Corso di Informatica">
<META name="keywords" content=“HTTP, HTML, CSS, PHP">
<META name=“generator" content=“L’editor vi">
�@�@
C������������ ����� %������:�+�4��������!��� ���!���!���� �������#����������#���!��;�����������������5�����(�������I1:Z7%G
� I���!���!�������������� �����*�������.�<META HTTP-EQUIV="refresh" CONTENT=“x">
:���x ��!���������!�#�������8���!���!���
� I�������������""�������(�������&����������&�� ������<META HTTP-EQUIV="refresh" CONTENT=“x;URL=y">
:���x ��!�������8�!���!������� ���� y�� �/���������������#���!���
�>�>
�� ��������� ;��!�1��&�� *��$�<P>.
� ,���������!��������#����!������#������(��!!������������ -����������������!� �������!���������������� I������!����������#������������1��&�� ����(��!�1��&��
� ����1��&�� *��$�<B>.� ,���������!��������#����!������#��������������������� 3��!����������������!� �������!���������������� I������!���������������#�������� 1��&��
2=2=
%������;D)T� <BODY> </BODY>
� %��!�����!�� �����������
� +����(����*������ ��!���.� BGCOLOR M�A[����((B��sfondo� TEXT M�A[����((B testo� LINK M�A[����((B�����������link� VLINK M�A[����((B���������link visitato� ALINK M�A[����((B���������link attivo� BACKGROUND M�A7C�B�immagine di sfondo
2�2�
3���� ������������������������������(���
� CLASS$�ID ��STYLE� Z�����������(���������������!����� ���������������$�#���������""���#��0����� ������#��������������������
� 7������������(����!�#��������#������� ������������������4�TITLE� ,��&�� ���#����������A�������#���B�*����1�� .�0�������� ������������#�������� ���"��������5���#����������
2�2�
:��# ��� <BODY BGCOLOR="#AFFFFF">Z���!���������&������</BODY>
� +HHHHH�4���������"���������!�#��������!������!������
2222
%��':;������!������ %�!������������� �������������� �!���!������&����#����
� �����&��������#��*���$�������$�����$�L.�� <body bgcolor=“black”>
� �����&�����������"���������!�#���$�F�!����� ��!����������!���������[� <body bgcolor=“#AA33CC”>� �������!�������!�#����!����� ����������!�����!��C6;� �����!�����
2929
-������':;1����� -�# �������#���������������� ������#������������������!��������#������#��������������
� :���������F�!���!�� �����!������!�������A����B�*��!���.���������!������������#��������������������#����*��0����.������������#�����
� 7�!���������� ���8�!�# ����������� ����!��������5����#���\==$�22$�FF$�>>$�--$�HH]� ==22HH���HH22FF�����!����������� ==22H2���29FFHH���������
2<2<
3�#�����!�������������
2F2F
�������%�����"����*������.� :�������F���&���������������!�������������������""����������!����������� <H1> � <H6>
� ,��&��� �����&�����������!�#������A!� �����B$�A��"���B$�A�������"���B$�L
� �� ������������&��������������"���������!�#���� :��# ��$� �������!��<H1> ��!��������!���� <H3>
2?2?
:��# ��<BODY>
<H1> ������������&������</H1>
<H2> ������������&������</H2>
<H3> ������������&�����2</H3>
<H4> ������������&�����9</H4>
<H5> ������������&�����<</H5>
<H6> ������������&�����F</H6>
</BODY>
2@2@
+����(������������J��K� ALIGN
� G������� LEFT �����������������*�������.� RIGHT ���������������� CENTER ���������!����
� 7����""�<H5 ALIGN =“CENTER”>������������&�����<�!������
</H5>
2>2>
I��������� %��(���������4��������������!���!��������#���!�#����������#����"�������������$� ;���������!�����!��� ���������� ,����&�������!������&����#���$����(�������&������""����!�������������������� �̂����
� ,�����&�������������!� �������&�������""����������� �!���!�
9=9=
:��# ��
<BODY >
I��&�
��
���#����"�����
���
�����</BODY>
9�9�
:��# ��
<BODY >
I��&�<BR>
��<BR>
���#����"���<BR>
���<BR>
�����
</BODY>
Il tag <BR> Indica al browser di andare a capo, non ha un tag di chiusura
9�9�
%������JIK�� )�����!������&�� ��������$������������������!� ��������!���5��������� %������</P> �/���������#����$� ��/�4�(������#��#����������# ��
� +����(����ALIGN� G+�DC%��
� LEFT *�������.����������������������� RIGHT ���������������� CENTER ���������!����� JUSTIFY ��������!���
9292
+!�������JIK� 3����� �/������� �V������<P> �����&����
� � �!���!����<P><P><P> �������������������������$�#������������
� I������������� �V���������������&���!���������� ���������&����� ,�������""����!���������� �!�����N(� O !���������!��A� �"��B
9999
:��# ��� <BODY >
I��&�
<P>N(� O
<P>N(� O
<P> N(� O
<P> N(� O
<P> �����#����"���</BODY>
9<9<
+��������� JIC:K
� ,������ ��������� �����#������� +����(����WIDTHMA�#���B�*�� ��!���.
� %��!���5�# ��""������������*�#�������!��������� �������.�� 3�� ������!�# ��������!���������K$�J$�A$�N$�(������������N��O 1N��O 1 N0����O ��N�# O
� J;�D-XZ7D�:K� 7����� ���!���"�������(��!!������������ +��������5��������� ��#������ ���������������#������� ���������(������������������������#(����#���������������
9F9F
H��#����"������������� �������������� ����������� �����������
� ����!�� H��#�������������������!������������������!����� )��!��&��A�5���B������� �������������� ���!������(��������5���� ����"��������!�#������!������� �� ����!� �!��8
� H���!�� %��!�����(�������������#����� �!���!������������ H��"������������������#������ ����!�������� ����� C�!���������� �!���!�����#��������!����!����� ��(��#��������(���������4��������������������������#����� �!���!���
9?9?
�� ���������������!�
� <EM>� <STRONG>� <ADDRESS> � <CITE>� <BLOCKQUOTE>� <DFN>� <CODE>� <VAR>� <KBD>
9@9@
�� ���������������!�� <B>� <I>� <U>� <BLINK> � <STRIKE>� <TT>� <SUB>� <SUP>
9>9>
:��# ��<BODY ><U>Z���!���</U><I>��</I><B>��&������</B></BODY>
<=<=
+���������������!��������!�� <BIG>� <SMALL>� <DEL>� <INS>� <Q>
� <SAMP>� <VAR>� <ACRONYM>� <ABBR>
<�<�
-�#(��"����������� %����� �������������������
<BODY >Z���!��� �� <I><B>��&�������</B></I>
</BODY>
<�<�
����������
� %�������&�����������������������&�� ����
� <THIS> <THAT> </THIS> </THAT>� ������&�� �����,(�������
� <THIS> <THAT> </THAT> </THIS>� �����������������
<2<2
%������JHD3�K� � ����(����#�����!���������#�����$����!�������������� �����!������������������� SIZEMA�B
� � &�������������?�*� ���$������F���_F.� COLORMA[����((B� FACEMA�#�B�* ��������� ��� ���� � , ����������������������������.
� G�������!���������J;+,:HD3�K� �+6��� ��!���� ;�����������������������������*-,,.
<9<9
:��# ��<BODY>H�!!��#���� �5���
<U><I><B><FONT COLOR=“RED"
FACE="ARIAL“ SIZE="7"> ����!�
</FONT></B></I></U></BODY>
<<<<
%�����-:3�:C������!�##���� ������0������!�# ������������!� ����������
<CENTER> � </CENTER> ��������8�!������� I�/�!�������0����������� ��������
� Per i commenti si usano i tag <!-- ���-->� ������!�/�!���!�# �������5���������0���������&�����������
<F<F
����J�CK�1 ��������""������ <HR> ���!!��������������""������ +����(�����
� SIZEM&������ � �!���!������ �������������������� �����
� WIDTHM&������ � �!���!�����������""���� ��������� ��!�������*`.���� ����������������""���������������������""����
� NOSHADE� �# ���!����������������������*�����������#(��.�
� ALIGNM�A�� �B� �� �����������#�����:H�$�C%6��$���-:3�:C�