Dasar-dasar HTML, PHP dan MySQL

24
!"! ! " ! " # # !! " # ! ! ! ! ! !! " $ ! !! ! # ! ! ! ! " #! !! $ %% % & # # & ( %

description

Dasar-dasar pembelajaran pemrograman berbasis web dinamis dengan PHP dan MySQL

Transcript of Dasar-dasar HTML, PHP dan MySQL

Page 1: Dasar-dasar HTML, PHP dan MySQL

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

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

���������

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

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

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

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

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

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

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

��� ����� !"!���

������ ����� �������������������� ��� �������� � ���� ������������������������������������ ������������ �!������� � �������� ��������� ������� ��� ���� ������������ ����������� ��� ������� ����� � �������������������� ����� "������ �������������������� ������ �����!������� ����������� ������������ �������� �������� ������ "��� �������� ���������������� ����� ���#������� ��������������#��� ���� ��� ����� ������� ���������� ���� � ���!�!�� ��� �� ��� ���������������������������

"��� ������ ������������ ������������� �����#���� ����� ��� �������! ����� ������ ����������� �� ������! ����� ���� ���� ����� ����� ��������! ����� ��� �������� ��� ����� ������������ ������ ���� ����� �������������������������� ����� �������� ���������� �� ���� ������� ����!����� ������������ �������� � ��������������������� ������� ����� ����� ������������ ��� ��������� ��� ����������������� ��� ������� ������� ��������������� ��������� ������ ����������� ��������!������� ������ �������������������� ����� ������� ���������������� ���� ������ ������������������ ��������� ����� ����� ��� ������� �� ����� �������� ��������� ������� � ���� ����������� ����������� ����� � �!�!�� ����� �����������

������� � ������ ������ ������������"�� �������� �������� ��$���� ��� !���������� ����� ���������� � �������� ����������� � ��� ���� � ����� �������� ������� ������������������������ ������� �����

������ !��������!��������� ��������!������� ����� � ��� �� ��� ����������#������� �������� ��������� ������������ �� ������ ��� �������� �!������ ��� ����� ��������� ���� �!���������!������� ����� ������������ �������������� ������������� ���������������� ��� ��������������������!������ ���������������� �������� �������� ���������������� ���"����� ������ �#!������������� ����� ����������������� �������������� ��� ����� ��!�!��� �������������������� ������� ��������$����� ��������������

������������ �������� ���� ������ ��� ����������������� ������������������������������ �������������%������%�������� �� �������� ������ ����� ��� ������������ ��������������� ������%������ ������������ �������� �������������&��� ������ ������ ������� ��������� ����� ����� ������������ ����� ��� �������� ������ ������ ����#�� ����������#�� ���������� ������ ��������������������&���

'������� �� ��������� ���������������� ������ �������� ������������ �������� ���� ��������� (������� ����� ������� ��������� ����������� ���%��� ����� �������

Page 2: Dasar-dasar HTML, PHP dan MySQL

����� ������������������������ ������#������������� ������������������������)��������� �� �������������� �������������� ������ !����� ����� $�� ������������ ����� ������������ ���� ���� �����������

(����� ������� �� ���� ������ �����!����������� ����� ��� ������������� ���������������� �������)����� ������ ���������� ������ �������� ����� �������� ��� ���� ���������������� �������������������������� �� ������

���� ��# �

�'�������� ����� ��������'�&�������������������*�����$�����������&������������� ������������� �������������� ������� �������� ����� ����� #!����������������� ������ ���� �� � ����������+���#��� �� ������ �������� ��������������������'�����������������#!����� �������� ���������� �� �� ������&������� ������ ����'�������������������� ��������#������!���������

�'��� ������������ ����������������������#!������� ��&���������������� � ����� ��������� ������� ��� �� ,� ������ �� -�� �������� ������ �������� ����� ������� ������ ����������� .����!��!�� /�$����� �����������������0�

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

�1 �� ��� ��$��� ���� �� �� ������

*���� ���� ������� �������� ,����-������ ����� �������� �������������� ������������� ����������������������,2����-������ ����� ����������� ���������������������������

�� �� ��������� ��� ������ ����������� ��������� ������ ��� ��$���������� ���� �������� ��� ����������� � ��� ������ ����� ������� ��������� "����� ������� �� �� ����� ���� ������ ���� ,��� -� ��� ,2��� -�

�� ������� ����� �������� ���� ����,! �-� ���,2! �-���� ������������������ ����� ����������� �� ��� ������������� ����� ���������� �� �� ����� ������!������+!���������������� ���� ����0�

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

�'�������� �������! �� ����� ����

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

�������� ��� ���� ����� ���� ����������#!����� ����� ����� ���� ����������"������ ���� ����� ����� ����� �������������0��� '�������#��� '�������������������� '����������#��� '����������� '���������� '�������������� '������������������� +!���

�3�4�'�������#�5#!��6�

'�������#�������#!����0��

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

+!��� �������� ����� ������ ������������ ������� ����#�� �������� ���������������� .����!� �!�� /� ������ ���������#� $!������ ��������� ���� ��$�� ������� �� � ����� ����0������� ��� � !��� � � ��" � �# ��� ��������������������$��

�7���������� ����� $!����������

����������������������� ��� ������������$!�4������

���������� �������� �� ���� ��� ������������������ ����� ���������%������ ��" � &' � ��� � (����)�* �+ ����)� ������ ��� ���% � ������$��������%��

Page 3: Dasar-dasar HTML, PHP dan MySQL

�%������ ��� � !��� �� , �)�!��� �)� �� ���% � ������#��������%���%������ ��" � �# ���% � ������'��������%����������������

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

���� ��������#������

3�3�'����������� ������� ������ ���� ������

�������������#��� ����������$�����������������������������0�

���������������� ����� � ���%����������������������������� ����� � ���%��������������������������������� � ���%����������������������������� ����� � ���%��������������

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

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

3�8�'����������#��������#� �� ������� ����� ������

���� ,�-� ��� ����� ������ ,2�-� �����������#� �� ����� ��� ����������������� ���� #!���� ����� ��� �����������#� ��$���� ������ � �!��� ����������������#�� ��� ��������� ��#������������������ ������������������

��%-�$-�#-�'-�.�����/���� ��-� �� �-��/������

�����#� �� ����� �������� ������

�4�� �3�� ��� ����������� ��������� �������� ������� ��������� �������� ��� ���� ����� � ����� ��� ����������� ��#��� ������� ������ $������� ��������������� 7����� ���� �������� �������� ������ ������ ��� ������ ������$!�3������

���������� �������� �������%���/��������� ����� ��������

��$����/�� � �� � �����������$���%����/�� � �� ����������%����'����/�� ��/�� �����������'����������������

�3�9�'���������

'��� ������ �������� ������������� ������� �#���� ������ ����������� ��������� 7������ �� ��������!�!��� ������� ������ ������ �������7���������!�!�� ����������!� ��� ����������������� ���� ,!�-� ��� ������� ������ ������ ����� ��!� ��� � ���� ��������������� ���� ,��-� ������ ���� �� ������ ���� ������ ���� ,�-� ��� ,2�-��������� ���� ���� ������ ������� ���������������$!�8������

���������� �������� ����������� ����� ������������������� ��$������������ ��#������������ ��'���������������������� ��$������������ ��#������������ ��'�������������������������

�3�:�'���'����

'��� ����� �������� ����������������� �#!����� ��� ����� ������������ ���� ��� �!�!�� ����� ����������

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

�7����� ������� �����

����������������,��-� ����!�!���!�!���� ��������� �! ����� ����������,� -�������������������������� ���������������$!�9�������

���������� �������� ���� ���'0.������ ��

Page 4: Dasar-dasar HTML, PHP dan MySQL

��� ������������� ������ .11 ��� �� # ��������������$2$������������$2#������������$2'������������$2.�����������������������#2$������������#2#������������#2'������������#2.�����������������������'2$������������'2#������������'2'������������'2.����������������� ����������������

�3�;�'������������

'��� ��������� ������������ ����������� ��� �������� ���� ������ ���������������� ������ $���� ��������� �� ��������� ���������� ��#����� ������������� ������������������

���� �� ����������� � 0����% ������������

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

������������� ������ �� ���������� ������������������� ��� #��� ��������� ����� ����� � !���!� �!�����������3�<�'�����������������

7����� ������� ��� �������������������� ����� ��������������� ��� #!� ��� ����� ����� ������ #��� ������������� �����#!� ��������

+!����� ������������� ������ �����������

,��� ��$=>#��?�����>�@� ��=>����?�����>A� @�����=>@����������A>-�

����������������������� ��������������� ������ ��������� ����� ����� ��������� ���� ��$��� ����� �����������!�!��������������� ������������

3�B�+!���+!��� ��� ����� � ���

�� �������� ����� ������� ����� �!��� �������� +!��� ������� ������ ���������������������������������� ������)������ ����� ��������������� #!�������������� ������� ���� ������������������ �������3����� +!�����������������!��!��������� ����� ��������� ��� ��������� �������!��!�����!��!���� ��� ��������� ������� ���� #!��� ������ �#���������������������������

������ ��� � �������� �� ��� �%��-/ �� ������� ��� �%�%�% �/����������� ��

�(!��!�����!��!���� ����� �����

������������ �����#!�������������0��� '�&�#�� ��� "���!���� C��$�!&��� D� !���!���� ���2������ ����� +��#�� �

�3�B�4�'�&�#�� �

'�&�#�� � ������ !&� ����� �!�!���������� ������ ����� %������������������ ���������0�

����%��� ��% � �� 0�-%������ ���� � �����+����� � ��

�'��� ����� � �� ��� ����� ������&���

����� ����� ��������� ����� ������ ��������� �������� ������� � ��������� ��������!� �� ����� ����� �����������������#����������������� �����������

�3�B�3�"���!��

"���!�� ������ #����� ������������������ �������� �� �� #!���� '������!��� ������������������

����%��� ��% � ������-� � � ���� � ��������� �+��� � ��������%������� ��

Page 5: Dasar-dasar HTML, PHP dan MySQL

'��� ����� ����� ������ ����������� ������� ����� �������� ������������� ������� ����� %����� ���%������%������ ����� � �� �� �� #!�������� ������ ��� #��� ���� ����� ���������!���� ��������������� �������������������������#���������!�!������%������������������������������%�������3�B�8�C��$�!&�

C��$�!&� ����� !���!�������������������������� ������������������ ������� !��� ����� ����� ���� ������������ � ���� )����� � ����� �� ��$��$�!&�� ���� ����� ������ ���� �������� $��$�!&�� �� ������� �� ���� !���!��� ��� ����� �!�!�� ���� ����������������#�����������!�!�����������������!�����#��

��������� $��$�!&� � ����� �������������

����%��� ��% � �� ���0 ���� � �����+����� � �+��� � ����+����� � ��

��

3�B�9�D� !���!����������� �� !���!�� ������ ����

����������%��� ��% � ��� �

��� � �����+����� � �+��� ������+����� � ��

�3�B�:�����2������

���2����� ������ #����� ���� ������ ��&�#�� �� ������ ����� �������������� ����� %�������� ������ � ����������� ���� ������� ������ ��������������� ������������ � ����� �������������

��� � ������ � �����+����� � ���%����+��� � $ �������%������%����+��� � # �����%������%����+��� � ' ���/���%�������� � ����

�E����� ��������� ����� ����

�������� �� �� �����%������ �����������2!����

3�B�;�+���+�� �+��� #�� � ����������� ��&�#�� �

��� ���!�� ���������� ����� ������ ������� ����������������������������� ���� ����� ����� ���� ��� ���%������������� #��� #�� � � ����� �������������

����%��� ��% � ��� ���� � ��������� ��

�3�B�<�(��������(������

������ ���� � �� ������� ���������������� ����� ����� ��������� �� �������������������������� ����0��� F� ������G$!��H��� I� ������G���H��� J� ������G$���H��� K� ������G�!�� H��� L� ������G���H�

������������������� $!��!�� ����!������� ���

���������������� ���#����������4������ �������������������

���������� �������� ��/������������ ����� ����������$����/�� � �� � �� ����������/���� �� �+ �����������$���%������������������������ ���� ����%���������������%��������������� � ���$ �� ��� %�� ������� �/��2%�% �����%�����% � � 0� ���� � ����� ���������%�����% � %����� ���� � ��%��� �3���%43���%43���%4�����%�����% � ������ ���� � 5����� �+��� � �/�� ���������%�����% � �� ���0 ���� � �� ���0 �+��� � �� ���0 ����������%�%������ ������ �� �������#2���� ��������������������%����������������

����� �������3������ ������ ������

��������

Page 6: Dasar-dasar HTML, PHP dan MySQL

��������� �������� ������������������ ����� ����������$����/�� � �� � �� ����������/���� �� �+ �����������$���%������������������������������%��������������� � ���$ �� ��� %�� ������� ���2%�% �����������,����6�����%�����% � � 0� ���� � ���� �����������,���6�����%�����% � � 0� ���� � ��� �����������7 ����� ������6���� � ������ � � ����� ���%����+��� � � ����%������%����+��� � 8 �������������%������%����+��� � 9 �9 � �%������%�������� � ������������%�����% � ������ ���� � ������ �+��� � :���� ����������%�� ������� ������ �� �������$2���� �������������������%����������������

�$�� ����

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

��������! ����!����� �� ������������������������� �������� ������� ������������(�������������������#������������� ���� �������� ���$!������� +������$!������� ����� ���� ���� ���� �! ��������������0�����;���� ��<�*������ ��22�=�>>4��;���

(! �� �����������������������!�������������� ��������������������� ��� ��6�� ������ ���!�� ����� ���$��� � ��������������������!�������!���� ���! ��� ����������!�������������! �����$!�������������������� ���������������0���

�;�� ��<�*������ ��22�=�>4��;����

�! �� ����� ����� ��������� ��������� ���������������!�������������������0�

�M����� 4� '������� �������� ������ �������

�8�4�������������

���������� � ����� ������� �������� ����� ����� ���������� ������ ����� ��������� �����$!�!�2�����!���5H6����C!��!������������0��� ��<�� ����� ��?�=�>4���

�C!��!���������0���� ��<�.�&�@�����2�.&@>4�

�8�3�N&�����!���

N&�����!��� �����������������$���! �� ����� ����� ������ �������� !����������C!��!���&�����!��0����.�&�@��

��������������&�����!��0���� ��<�.�&�@�����2�.&@>4�

�8�8�C!��������

C!������ � ����� ����� ��� �! ������� � ��� �������2 ����������C!������ ���������������������������������������������� ���! ����!�������1 �� ��� $���� ������� $!������ 0�$!��������������� ���$!�����������������C!��������������� ���� ������������������ ��� �� 22�� ������ ����������

Page 7: Dasar-dasar HTML, PHP dan MySQL

������ �� �������22�� ��� ���������!����������������C!��!������������0���� ��<�.� &� @� �� �� 2� .&@>4� ���� ���%������������.�&�@��

�C!������ ������ ���� ����

���������������������������2O� ���O2�������������������� ���� ����������� ���������� � ��� ����� �������� !����������������C!��!�������������0�����A��� � ���� ����� � ���%������ ������������.�&�@��A��� ��<�.�&�@�����2�.&@>4�

�8�9�E������

E������ �������� ������ ������������������ ���� ����������� ����� ����� ������ ����� %������ ����� ����������������!������������ ���������7���������������� ���� ����� ���������� ���� �������������� ���� � ������������ � ���� �������� �����$�� �� �� 1������������� ������ ��� ����� ����������� �������� ��� 1����� +��� ��� +!� ��������� ����������� ���� � #����������E������ ����� ����� ��������� ��P��7����� ����� ������������ %������� � �� ��� �������� ����� ������ ��������� �������� ������������

�8�9�4����������%�������

���������%��������� ������������������������� ����� ��� �#�������%������ ��� ����� ��!������ ������ ����� �������� %������ ��������� ������ ��������������� �E������ ��������� ��������� �������������P����C!��!��0����B����9 �� ����B������C����/��B���/���

��1 �� ������� ������� ����� ����

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

%������� 1������ �������� �����%������0���� ������ ��������� ��P��� (�������� �������� ������ ����#� �����

����������5�?�6��� (�������� ��������� !���� ����#��

����������������������� ��������%������� �������� %������ � ����� ������

���� ������ �������� ������� ��� �����%�������C!��!����������0���P����������=�.���� ��/H��P����"��������=�.����/H��P�!�!�7����=�8H��P����=�4QQH��8�9�3�'��� �����

������ ������ ����!������� ���������� � �� ����$�����$��� ���� ������������� ������5������� ����6��#�!��5������� ��$����6�� $���5��������������� �������#6�� �����5�������������#������ ����6�� ��� ������ ���� ������������ ��������� ��� ���� ���� �� ������H�������� ��� �������� ������� ������ ������� ���������� ����� ������������������� ��� !��$��� '��� )������ �������������� ������� ������ ������������������� ���� ������� ����� ���������������� ��� �3� ������ ������ R3�������� C!��!�� ������� ����0� 8�� <�� 3Q�������� ���� ���� ������� ����� ��������������������������������$������'���������� �������� ��������������� �����������������������#�������� ����������'���!!����������� ������ �������������!����� ����� �������� � ��� � �� ���������� 7����� ������� ����� ������ 5�����#����6�� ���� ������������ ���� ���� ���������� ��� +1��N� ����� �������� !�����������Q�� !����Q�Q� ����� �������!�!���������>>���������������������� �������'D7N����

E������ ����� �������� �������������������������� ������������� ���� ������� ����� ����� !�����������$����������������C!��!��0����

Page 8: Dasar-dasar HTML, PHP dan MySQL

B���C����/�'4��B���/��$1114��B������B���C����/�A�B���/�4��

���� �� $!��!�� � ������ %������

����������������������������8QQQ���� ������� ���� �!�� ������� 5 ���������� ����������6�� ��� ����� !�����������$���������������C!��!�0�

�B����� �� B����D %��� &�B����C �����/4��

��E������ ����� ����� ���������

�������� ��� ��� %������� �����.���� ������/�����

��$���� ������ ���� ������� ��� �� ������ ��������� .� ��� .������� �������� ��� ������� !���� .� ��� .�� '������������ ���� ����� ��$���� !�!������������� ���� ���� ������ ����������C!��!��0���

�B�������9 ����4��B���$4��B����#(4��B9 �/�����'14����B�������B�����&B�4��B������B�&B9 �/����4��

��� �� ������� �! �� � ������ %������

����������������������������� ��4��������$����!�!����������������� ����%������ �!� 5������6� ����� � ��������E������ ������� ����� ������ ��������E����������� ������������������ 84������������������� ���4� ���8Q���8�9�3��������E�������

E������ ����� �������� ����� ��������� ��� �������� ��� �������������� ������ ������ 1 �� ������� �����������������������%������� ���������0���� �������7D��� ����� �������+!����

�8�9�3�4�7D���

E������ ��������� ������� 7D�� ������#!���������

����%6���������� �;+����� �$������$3+����� �#������#��

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

%������ P����� ���� .����/� ���P������� =� .��������/� ������$!���������� ��� ������������������������0��

�� ��� 2%�%;�����E����3�������5 �����/�

7����� ���� ���������� �������������������������

�M�����3��������%�������������7D��

E������ �� ����� ������ � �$�������$!������� ������ ������ ������������0���

��;� ��< F����� ��GB������ �����6�B���� >4�%����< ���� >4� ��< F����� ��GB�������� �����6�B������ >4��;��

�'�� ��S��������P����� ���������

� ������������ ���%���������������C���� �����������������%������

%������ � ����� ������ ������������#!�������� ������ ���� ���� �� ���������������� �������3������� ���� ���� #��� �������� ������������������

��;� ��< 5 ������D����/ >4�%����< ���� >4� ��< ���������6�B���� >4�%����< ���� >4� ��< ,������������6�B��� >4��;��

�8�9�3�3�+!���

+!��� �� �� �������3���������������� ���� ����� �� �� ������� ����� %������%������ ������ ���� ������������������ � �������������������������������� ����$�!�� ���#!����������� ����� ��������� ��������

Page 9: Dasar-dasar HTML, PHP dan MySQL

���� ��� ����� �������� ���������������� �!�!�� ����� (��� ����������� ����� �������� ����� ����� !������� �� $!��!�� �������� ������ �������������������������� ������������

�8�:�T�����!��

�� �� ���� ������ ����� !�����!���������� T�����!�� �������� ����������������� ���� ������ %�������E������������������ �! #����!����!�����!�� ����� !����� �� C!��!�������������!�����!����������48���8��48� ���8� � �����!����� ��'�� �� >�>� �����!�����!����7����� ���� ����� ������������ !�����!�� ����#������������ 0��� 1������$�T�����!���� 1���������T�����!���� C!�����!��T�����!���� �!�$���T�����!���� �����������

�8�:�4�1������$�!�����!���

1������$� T�����!�� �������������� ���������� �������������������������������

��P��=�:�R�8H����T�����!�� >R>� ��#����� ������

����������� �� ��� !����� � 5:� ��� 86��1 ����������������$�!�����!��������0�

R��0����������������0�������������O�0����������2�0���������U�0������������������C!��!�������������0���"������� ���#���������0������������

��������� �������� �H% �����(��������������� ����� ���������������� � ���$ �� ��� %�� ������� �����/2%�% �����%�����% � � 0� ���� � �����$ �+��� ��������% ��������

�� � ������ � % ���� �������%����+��� � & �&��%����������%����+��� � � ����%����������%����+��� � A �A��%����������%����+��� � � ����%����������%����+��� � I �I��%�������� � �������%�����% � � 0� ���� � �����# �+��� ��������� ��������%�����% � ������ ���� � 5����� �+��� � �����/ �����������������������

�*���� ����� �����$������ ��������

�������

�M�����8�'�����������������

�����������

�;����B% ������/�����B�����$2B% ����2B�����#4������ +��< GB��������B% ������/��4 >4�� ��< *�����9 ������/���6� >4�� ��< ������� >4���� ��<B�����>4�� ��< �������� >4����;��

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

������� ��������� ��� ������!�����!������ ����� ���$��� ����� ����� �������� �� ��� %����� ���������������� ����� %����� ����� �����������������"���� ��� ����� ����������#������ � ��� ����� ���$������ ������������������ ���� ������� � ��� ����� !�����������$�������������

�8�:�3�D����!����!�����!���

D����!���� !�����!�� �������������� ����� ������ ���� ��� ���!����� �� ����� ����� ����� ��������� ���������!!������'D7N�������������

Page 10: Dasar-dasar HTML, PHP dan MySQL

���+1��N��������������"������� ����������!����!�����!��0�

�==� 0� ��������� ������� !����� � ������

����������� ������!����� ����-� 0� ��������� ������� !����� � ���

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

,� 0� ��������� ������� !����� � ��������� ������$�� ������!����� �������

-=� 0� ��������� ������� !����� � ��������� ���� ����� ����� ����� ������!����� �������

,=� 0� ��������� ������� !����� � ��������� ���� ��$�� ����� ����� ������!����� �������

V=� 0� ��������� ������� !����� � ������� �������������� ������!����� ������������ �� �� !�����!�� ����������

���� ��������� #!��� �� ��� �� �� #������������� �������������������

��������� � ���# �� ��� %�� ������� �����/2%�% �����%�����% � � 0� ���� � �����$ �+��� � ������% ����� ���� � ������ � % ���� ���%����+��� � $ �����%������%����+��� � #4 �3/�4��%������%����+��� � ' �3��4��%������%����+��� � . �3/�4���%������%����+��� � @ �3/�4���%������%����+��� � J� �=���%�������� � �������%�����% � � 0� ���� � �����# �+��� � ������� �� �����%�����% � ������ ���� � 5����� �+��� � �����/��� ����������

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

M����� 9� '������� ���������� �������� ������#!��3�

������ ���� #��� �� ������� ������

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

�;��������<B% ����>K���� �$4� ��<B�����$� ��� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4���� �#4� ��<B�����$� �� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4���� �'4� ��<B�����$� �� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4���� �.4� ��<B�����$� ��� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4���� �@4� ��<B�����$� ��� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4���� �J4� ��<B�����$� =�� B�����#� ;� 9 ������/��� � ��� � 6� 9 ������/���5���� >4��� ��4�L�;��

���� ������ �� �� ����!�� ����������� ������� ����������� ����� ��������� !�����!�� ����� ����� ������������ ����� ���$��� �������.����� ����� "����/� ���������� ���!�����!�� ������� ����� ���$���.����� ����������/�

"��� �� ������ !�����!������������ ��� %������ ������� ����� ����� �� ������� ����� �����%������ ������� � ����� ������� ����#���� �������� ���8�:�8��!�$���!�����!���

�!�$��� T�����!�� �������� ����������� ������ ��� ���� %������ �����

Page 11: Dasar-dasar HTML, PHP dan MySQL

������ !!������ ����� ����� ����� �������������� �!�$��� !�����!�� � �����!!��������

7����� $!��!����� ���� ���������#!��8� �� �� ���������� ������ �������������

��������� � ���' �� ��� %�� ������� �����/2%�% ���� � ������ � �����$ ���%����+��� � ��� �� �����%������%����+��� � ���� ��������%�������� � ������ � ������ � % ���� ���%����+��� � 3��%43��%4 �3��%43��%4��%������%����+��� � -- �--��%�������� � ������ � ������ � �����# ���%����+��� � ��� �� �����%������%����+��� � ���� ��������%�������� � �������%�����% � ������ ���� � 5����� �+��� � �����/ ���������

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

�M����� :� '������� ���������� ������#!��8�

+!��� �� ������������ ����!�������������� �����������������������������������������!!�����4�������!�!�����8�:�9�1���������T�����!���

1��������� !�����!�� �������������� �����2������ ���� ��� �����%����������������C!��!���� �������0��

�B������� ����� 4��

�� �� $!��!�� � ������ !�����!�� >=>� ������������������������>����>���� �����%������������������!�����!��>=>��� �� ������� ���������� !�����!�� ������������� ������� ����� ����� �� �������������������0���

T�����!��R=�������������0�������������������� ��%�������C!��!��0���

B��&��'4��

����� ��������B����B��&�'4�

T�����!���=�������������0������������������� ��%�������C!��!��0�

B�����'4��

����� ��������B����B����'4��

T�����!��O=�������������0������������� %������ ������

�����������������C!��!��0���

B��A��'4��

����� ��������B����B��A�'4�

T�����!��2=�������������0��������� %������ ������ �������

����������C!��!��0���

B�����'4��

����� ��������B����B����'4��

T�����!��U=�������������0������$��� ���� ����� ��� %������

�����������������������C!��!��0���

B��I��'4��

����� ��������B����B��I�'4�

T�����!��G=�������������0������������� !������ �!�$��� 1)��

�� ��%�������C!��!��0���

B��3��MNOP4��

����� ��������B����B��3�MNOP4�

Page 12: Dasar-dasar HTML, PHP dan MySQL

T�����!��W=�������������0�������������!�������!�$���TD��� ��

%�������C!��!��0���

B��-��Q(85P4��

����� ��������B����B��-�Q(85P4��

T�����!��X=�������������0�������������!�����������&!���� ��

%�������C!��!��0���

B��R��'4��

����� ��������B����B��R�'4�

T�����!���=�������������0���������������������� ��%�������C!��!��0���

B��������������4�B�����2����������4��

����� ��������B�������B�����2��������4��

������ ������B��������������������4�

T�����!��RR�������������0�������������� ���� ����� �� ��

%�������C!��!��0���

B��&&�4��

����� ��������B����B��&�$4�

T�����!�����������������0������������������������ ��%�������C!��!��0���

B�����4��

����� ��������B����B����$4�

T�����!����������T�����!��������������������� �� ����� ������ ���������

������!�����!����5���6���C!��!�������������0���

B�����/$��� * �� 4��B�����/#��� E�� 4�� ��<B�����/$2 � 2B�����/#>4��

����������������0��������!��!�� ��

�8�:�:�T�����!�����$��������

���$������� �� �� �������� �������� ���������������#���������������

�� ��$!��!�������0����<B�� ����� ����� >K�� ��< E ��� �E���� >4�L �� K�� ��< E��/��� ���� >4��L��

���� ����� ����� ����� �������� ������$����0� ��<B�� �� ��� �������� ;� E ��� �E���� �6� E��/��� ���� >4��

������������� ��Y� ���0��������������� ������������������

� ������� ��� >Y>� ����� ����� �������1���������������������� �������������� �� >0>� ��������� "��� ������������������ � ������� ������ >0>� ��������� ���� ������ �����������$������� ����� �������� ����������C!���!��+�!����8�:�;�T�����!��N��!����������!���

���� ����������� ������ ���!�������� ������ #��$�!�� 5#��$�!�� ����� �� ����� ���6� ��������� ���!����������� � ��� ���������� #���� � ������ ���������� �������� ��� ����������� ���������������������������������!���� ������� �������� ������������������ ��� ������������������� ����!�������� '������ �� ��������������������� ���� ��� ����������$���� ������ ������ ���!�� �� ����������������������������

7����� ��������� ������ ���!����������� ���� ������������ !�����!��Z�C!��!�������������0��

�S����< � �% >4���� ���!� ���!������#��$�!��$� ��

����� ���������� ������ ���!�� ������ ����!�������� ��� �������������� ��� ����� ������� ������� ������������!�����!�� Z�� ���� ����� > ��� ����>������� ����!�� ����� � ��� �������������� ��� ����� �������

�8�;�C!���!��+�!��

C!���!�� #�!�� ����� ������ � !����� ����� ������� ������ ��������� ��������� � ���������� ��� $!���!��

Page 13: Dasar-dasar HTML, PHP dan MySQL

#�!�� � ����� �������� ������� ���������������� � �������!��������

��������� �����#��$�!��0����#��$�!������+�!�56����[����������=�:H������$�!5�6H���\���������� �������� ����� ���������

� ���������������:���� �����%��������� � � �������� �� ��� ����� ���������� ���������������������������������� ����� %������ �� 5 ����� ���� �� :6� ����!������ � � C!���!�� #�!�� � ��������������� ������ $!��!�� �� ��������"������� $!���!�� #�!�� ����� ����� �� ���������0��� ���$��������5���$���6��� �����������5�!!���6��� ����� �����5������6����8�;�4�����$��������

���$�������� ����� ������ ���������� ������ ������ �$�!��������������������������������������������� ������ %������ ����� ����� ������������������� ��� �������� �� ����� ������������ 1 �� ��� ����� ���$�������� ���� �� �������� ������� ����������� �������������������������� �����8�;�4�4�#�]��������

(!�������� #������ ����� ���������������������0�

���<������>��K������� � ���$4�L�� �� ���K������� �����#4��L��

�1�������!�����0��

4�� C!� �!������� ��������3�� "��� ������ ������ ���������� 4� �����

����������8�� "��� ������ #������ ���������� 3� �����

�����������

8�;�4�3�#�������#���������

7����� ������ ����� ���� ��� �������� ����� ����� �!�������� #�����#���������#5$!� �!�46���[����������������4�H��\�������#5$!� �!�36���[����������������3�H��\����������[����������������8�H��\�

������� �!�������� ��� ����������������� ����� ���� ��� ����� ����������������!����������8�;�4�8����$��]�$�����

(!�������� ���$�� ����� ���������������������0����$�5�6[����$����4H����������������4�H����������H����$����3H����������������3�H����������H����$����8H����������������8�H����������H���� �#����H����������������9�H����������H��\�

���� ��� �� � ����� 4�� 3�� ������!� �� ����� ���������� ����� ������������� ������������ ���� ������ ��������� ������������� "��� ���� ������!� ����� ���������� ���������� �� ���!� �� �#��������������� ����������

����������� ������ ��������������� ������� ������ ��� ������ ������������ ��� �������� ���������� 4� � ������ ����� ������ ���������� 3� ����� ����������������

�8�;�3�������������

Page 14: Dasar-dasar HTML, PHP dan MySQL

8�;�3�4�+!�����!!���� ������ #!�� ����� �����

���������� �!!��� ������� �!!���� ������������ ��������������� 5�����6� ������ ��������� �������!!�����1 ��������������������� ���#!���!!�0��� ����^��!���&�����!���� ��!��$!� �!���� �����%���&�����!���� �!!��! ��

����^��!�� N&�����!�� �������������� ����� �� �� ����� �!!���� ������"������� ����� �� �������� ������������������$!�����5���������6����

��!�� $!� �!�� ������� �������������������������� ���������1�����$!� �!�� ������ #������ ������ ��������� � �����%�� �&�����!�� �������� �������� ������ ���������"����� �� ������� �������� �������������������$!��������

�!!�� ! �� �������� ������ ������������� ���������� �������� ����� �������������������������������$!��!��

��;����<B��14�B��$14�B�&&>�L��P���<�* ���E���>4�L��;��

������� ����� ��������$���������!�

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

8�;�3�3������������ �!!�� ����� ������ ������

������� �����������!!������������������!!������� � ��� ��������� �� �� ������!!����� ����� �!!�� ���� �� ������� ���� ��#!�� �!!����������$���������� �������0��� ��!��C!� �!������ �!!��! ����

��!�� $!� �!�� ������� ����������� ������ ������������ ������� ��!��$!� �!�� ������ ������ �������� ������!!�� ! �� ����� �������� ��������������� ������ ����� �������� ��������!��$!� �!��������#��������

����� ������� �� �� #!�� �!!��� �!!��! �� ����������������������������������������0�

��;��B����14������ <B��$1>K���� ��<�� �������>4�L��;��

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

������ ������ ������� � ��� � �� ���������������������������!��$!� �!���� !������ �!!�� ���������� �! #���� ���������!!���"��������� ����� ������� ����������! �������0��

�K�������� � ����L������ �<�����>�

�8�;�8������ �������8�;�8�4�"������

"����� �������� ����� �!!���������� ������������ ������ �!!��� 7������������������������������! ��������0�

��;������ ���������� ���%���B�����#����<B����14�B$�@4�B�&&>�K����<B�����#>K�� ��4L�� ��< ,�������6�B������ >4��L�� ��<�8%�5 � ����>4��;��

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

����� �� �� ����� � ������ 3�� ������������� ������������ !������ ������������0���

)����0�Q��)����0�4���!!����������

8�;�8�3�C!�������C!������ ��#����� ��������������

����������2�������� ���������������!!���7����� ���� ���������� �! �� � ����� ����������! #������

Page 15: Dasar-dasar HTML, PHP dan MySQL

�;����� �������������� �%���B�����#����<B����14�B$�@4�B�&&>K����<B�����#>K������ 4L�� ��< ,�������6�B������ >4��L�� ��< 8%�5 � ��� >4��;���

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

$!������ �� �� ����� � ������ 3�� �����������!����� ��� �!!���� ������ ��� �����������������!������������������0���

)����0�Q��)����0�4��)����0�8��)����0�9���!!����������

8�;�8�8�D��������������� ������� ��#����� ������

������������� �! �� ������ ������� ���#������ +����� ����� ���� �������� ������������� ������� ��������������������7����� ����������� #����� $���� ����� �������� ������ ������������ �������������������! �� ������0���;����������� ��N ����<>K����<B����14�B��@4�B�&&>K������� ��������� �����%���B�����#����<B�����#>K� ����4�L�� ��< ,�������6�B������ >4��L�� ��< 8%�5 � ��� >4��L������������������������� ��N ����<>4�� ��< Q�������� � ��� >4��;��

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

�������������0�)����0�Q��)����0�4��+��$�!��������������� ������ �������� ���� � =3��

��!����������������� ���#��������������������� ��������� .�!!�� ������/� � ��� ���������� ��������� ��������� ��������������� �����#�������������$�����.+��$�!��������/��

8�;�8�9�N&��N&�� ��������������������������

������������ �$���� ����� 7����� �������������� ���� ����� �! #���� �! �� ����������� ��������������0���

�,Y��#��$�!������N&�56[��#!�5P�=�QH�P4,:H�PRR6[��22�������������������� ��P�==�3��#5P�==�36[�&�H�\���$�!5>)����0�P�,�->6H��\���$�!5>�!!��������>6H��\��22����������#��$�!�������N&�56H���$�!5>+��$�!��������>6H��Y-��

��T���������� �����0���)����0�Q��)����0�Q����� ������� ��� �$���� �$�!�

�������� ����� ��� � ��� ��������������� ������� �������� �&�� ��������������������� ������ ��!���� ��������������������3����$�������������!���� ��������� ������������������������ ��� ���������

�8�<�1�������8�<�4�(!������������

1����� � ����� ��������� ������� ���� ����� ������ ����� ����� %�������_� �� ��� �� ������ %��������������������������������������������� ������ ������ ����� ���������� ���� �������������������$!��!��������������������� �������������������� ���������� %������ P������� 1 �� ���� !������������������������������������� �����%������ ��������� ��$���� ���������� ����� ���������������������0���

'����=['!����������% \�'��� ���� ����� ������ 5 �����

������6� ������ ������ ������������� �&��������������� �����$��� � �&������� � �&� ������� ��� � �&� ��!���#��

Page 16: Dasar-dasar HTML, PHP dan MySQL

� �&� ������� ������������ ������������ ����� �� ���� �������� �� �������� �&� ��!���#� ������ ����� ������������������ �������� ������������ �&������ ��������� ����� �������

�8�<�3� ���������������

�������� 5������ ���6� ������P������ � ����� �������� ������ $����������������0��

��B� ����������<�M���)�E�����)�D�+��>4�

��(! �� � ����� ����� ����� ����

P������ ������ ��� �&� �������� ������ ������ $���� � ������ ���� ����� ���������������������������� ������$����0�

��B� ���������M���4��B� ���������E�����4��B� ���������D�+��4��

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

������������ ����� ���������������������0�

'����4���������� �&��������

������ ����

�� �� ��

�� �����

�� ������

������ ������� ������ ��� �&���!���#�� ���� ����������� ����� ���������� ������ ������������ ��������C!��!�� � ����� ����� ���������� ����� ���������������!���������!�������������� ������� M������� %��������� �����������������0���

'����3���������� �&���!���#������� ����

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

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

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

�� �������� ����������������������������������� �� ��������������������!���������!������� �������(! ����!��������� �����������������0���

�P�!���=�������5.'!�/=-QB:;3;::```��.�����/=-QB:;33;a```��.��% /=-QB483;a8Q```6H��

���������P�!��� =� ������5.'!�/=-QB:;3;::```6H��P�!���@.�����/A�=�QB:;33;a```H��P�!���@.��% /A�=�QB483;a8Q```H�

�8�<�8�)�%�����������

)�%���� 5���������� ���6� ������ ����� �������� ������ �!!������������� ������ ����������� �� ��������� �&� ������� � ������ ���� ������������������! ���������������0��

���<B��14�B��� �/��<B� ���>4B�&&>�K ��<�(�����GB� ������ 0�� ��B���������B� ����B���>4�� ��<������>4��L��

��7����� ���������� ������ ��� �&�

��!���#�� ���� � ��� ����� �������������!!�� ������� � ������ ������� ����2� �&�������� ������ ��������������������

�!!�� ������ ���������� ��������� �&� ��!���#� ����� ����� �� ����������! �� ������0��

����� <����<B�� 0)� B�����>� �� ���<B� ���>>�K ��<�(�����GB� ������ 0�B�� 0�� ����� ������ B������>4�� ��<������>4�L�

�1 �� ���#����������������� �������

��$�� ��������+�������$�������������������������������������������� ������������ N������ ����� �������� � �������������� ���� ��� %������ ����� ����� ������ �&���� ���%������ �������������������� �������� ����� �������� !����#����� ���� ��� ��������� ��� �����%������P� �&� ���P�����

�8�<�9�+�����#�������������8�<�9�4��!�����

N������������� ����� ������ ����� �������� ������ ������������ #������!��56�� C!��!�� �������������� � �����������������0���

Page 17: Dasar-dasar HTML, PHP dan MySQL

���<B� ���>4����<B��14�B��� �/��<B� ���>4B�&&>K���� ��<�(����� GB� ���� �� 0� � ��B���������B� ����B���>4���� ��<������>4��L��

������������������!������0���

1������������ �&����Q�� �����'!���1������������ �&����4�� ������������1������������ �&����3�� �������% �

�8�<�9�3�1�!��� ���(�!����

1�!��� �������� ������������������ ��!���#� ������ ��������������C!��!�������������0���

�����<B� ���>4������ <����<B�� 0)� B�����>� �� ���<B� ���>>�K ��<�(�����GB� ������ 0�B�� 0�� �����������B������>4�� ��<������>4�L��

������������������!������0���

1����� P������ � �&� ��% � ���� ����QB483;a8Q```��1����� P������ � �&� ������ ���� ����QB:;33;a```�1����� P������ � �&� '!�� ���� ����QB:;3;::```��

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

��!���#���������������� �&�����C!��!�������������0���

�����<B� ���>4������ <����<B�� 0)� B�����>� �� ���<B� ���>>K�� ��<�(����� GB� ���� �� 0� B�� 0�� �����������B������>4�� ��<������>4��L��

������������������!������0���

1����� P������ � �&� ��% � ���� ����QB483;a8Q```��1����� P������ � �&� '!�� ���� ����QB:;3;::```�1����� P������ � �&� ������ ���� ����QB:;33;a```�

�8�B�+��$�!���

�8�B�4�(!�����#��$�!����

+��$�!��� ������������������������������� ����� ���� ������ �����������������������������������������

�8�B�3�D������%����� ��������������

�����������! ��������0����

���������<B�)�B�>K����� �����B��&�B�4��L��

��+��$�!�� �� ������� � ����� �����

�������� �������� ������ ��� �������(��� ��� �� ��� ������ �������� ����� ����������� ��� �������� ������������� �����������#��$�!����

)��� ����� ��������� �������� ����� ������� %������ �� ������� ��������� ��������� ��� ����� #��$�!�� 5P�� ���P6� ����������������

�8�B�8����������#��$�!���

1 ������������������������������ ���������� ����� �������� #��$�!���� �� ����� � )����� #��$�!�� � ����������� ����#��$�!��! ���C!��!��#��$�!�0������������������<B0)��B�>��K�"���0�&��4�� ��<">4��L�����������������<����0)�������>��K�"���0�&��4��� �����"4��L��

������������ $!��!�� #��$�!�� ������

� ������ "���� ����� ���������� ��������#��$�!��� ������������0����� ����!� �#��$�!����� �����#��$�!����� �����������

���������� � ����� ���� ����� ��������� ��� ����� #��$�!�� ������ ��!���� �������� ������������ !��������)���� #��$�!�� ��������� ��������������������������������0��� ' ��� !���� ����� ������ #��$�!��

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

Page 18: Dasar-dasar HTML, PHP dan MySQL

�� ������!������� �� �������#��������� �������������5�� ���$!��6��� ' ���!���� ����� ������������

"������ ����!������� ������� ������ #������� !%���!� ���� ����������� #��$�!�� ����� ������ ���������� ����� ��� ����� ����� ��� ��� ������ ������� ������������� ��� �������� ������ ������!%���!� ����_� ������� ��� ��������������������������������� �������������������

�8�B�9� �����������#��$�!���

C!��!��#��$�!�0���$�����������������<B0)��B�>��#���K��'�����"���0�&��4��.����� ��<">4��@���L��J���T� � � �������� ������<���� 0)� � �����>��U���K��V�����"���0�&��4��$1����� �����"4��$$��L��

������������ $!��!�� #��$�!�� ������

� ������ � ���������� ���� 3� ������ 9���+��$�!�� ! �� ����� !���� ��������� [� ��� \� � +��$�!�� ! �� ���� ������������� ������ �������� �!������� ������������������ !������ ����� ����������"���� 8� ��������� �!������� ������������� ����� %������ ������� ^� ����������� ����������������������&� �������&� ����� ����� ������������� ������������ "���� 9� ��������� �!������� ���������������������� �������������� ��������"� ����� ������ ���� 9� �� �� #��$�!��������� ����� ������������� �!������������� ����������� ����� ����������� ��������C!��!�������������#��$�!���

���������������<.)@>4��������<.)@>4�

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

������ ���� ����� ����� �������� ������������������ ��� ������ �����'������������������� ��������

���� #%& �

��������� ���� ����� #��� ���������� ������ ������������� �������������������#�������$����� ��������� �����������+������������� ������������������� ������ ����!���� ������������������������!�������������������� �����������������

���� ����� ���� �������� � ����������������� ������ ������ ������ ����������� ��� ����� (��� � ��� ���������������� ����� ����� !���� ��� ���������� � ��� !���� ���������� ����� ���������� !���� ����$�� ��� � ��� !������������ �������������

(������ ���� ��������� ���� ����������������� �� �� ����������� ��������� ���� ��������� ����� ��������T������ ���� ����� ������� �����������������!�������������������������������������������������������0��� ������� ��������� ������

����������%����� ������ ���������� ������������

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

�������2�������2���������� ������� ������������������������� ������ ������������������

�(��� ����� �������� ������

������ �������� �������� ����� ���� ������������ $!��!��� ���� ����� �������#����#������� �!��� �� �� ������� C!���$����������� 7���� ����� ����� ����������������� ��������� ��� �����!� ��"��� ��������� �������������� ����������� � �� ����� �������� ����� ����� ��������� ��� �������� ���$!���� (������������ ��������$��� ������ ���!��� ��������������� ���� ����� ������� ������������� ������������ ����� ��������������������!� ���

7���� ����� ����� ��� �#���� ��������������� ��������� � �������� ���������� �� ������ �������� ��� ����� ��������0�

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

Page 19: Dasar-dasar HTML, PHP dan MySQL

����� �8/�������� ����� ����������$�5�/��W����$���������� � ���$ �� ��� %�� ������� �/��2%�% ��������� ������ #@1 ��� �� $ ������������������������� $11 �,��������������������%�����% � � 0� ���� � ���� ����������������������������������9����������������������%�����% � %����� ���� � %����� ����������������������������������3���%4�����������������%�����% � ������ ���� � 5����� �+��� � 5�/��� �����������%�����% � � � � ���� � � � � �+��� � ���� � ������������������������ ������������������������� �� ��/��%2���� ��������������������������

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

�M�����;������������� �������������������������� ������

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

��������� �������� �D����������� ����� ����������$�D������C������$���������� � ���$ �� ��� %�� ������� ��/��%2%�% ��������� ������ #@1 ��� �� $ ������������������������� $11 �,����8 �/��%������

������������%�����% � � 0� ���� � ���� ������������������������������������ ���� �����������������%�����% � � 0� ���� � ���� ����������������������������������9����������������������%�����% � %����� ���� � %����� ����������������������������������9��������/�������������������%�����% � %����� ���� � %�����$ ����������������������������������3���%4�����������������%�����% � ������ ���� � 5����� �+��� � 5�/��O% �����������%�����% � � � � ���� � � � � �+��� � !��� � ������������������������ ����������%�� ��������� �� ��/���2���� �� �������������%����������������

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

�M�����<�������������7���9�4�������������������

���� 5����$���� � ������ ��������6�� ����� ������ ����� ������� �������������� ����!��������� �������� 7��������� ���������������������b���������� ���!��!����� ����� � ���0� � ������������ ������!��� ������� � ������ ���������������� ���� ����� ����� ����� ������������������������� ��������������

Page 20: Dasar-dasar HTML, PHP dan MySQL

������ ������!����� ������� *������������� ��� ����� ���!��!�� �� � �����b�������������������������0��� ������� ��������� ���������� ��������� �������������� ���! #����������� ����������������� ��������������� ���������������!���� ���������������

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

��������������������������0���!NP(MP�D(M(C(5P������������� ���

�C!��!�����0��������������C!������

������������ ���� ����� ������� ������� ������� ������ b����� ������������0��

�!NP(MP�D(M(C(5P�8��������

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

��������������0���DNH9�D(M(C(5P������������� ���

�C!��!��0���

�DNH9�D(M(C(5P�8�������

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

����������������������������0���

!NP(MP�M(C8P���������� ���<������������������% �����)�������������������% �����)����?�)������������������% �������>4����������6�

�!NP(MP�M(C8P��� �<����O� �W�W,M�<'>)����O� �,�� �F(N!*(N�<@1>)����9������F(N!*(N�<@1>)����,���8 �/��%�F(N!*(N�<@1>��>4��

���������� ����� �������� ������������������b�������

DNH9�M(C8P���������� ��H���

C!��!��0����

DNH9�M(C8P��� �4��

��9�4�4������������������

������ ����� ����� �������� ������������!��� ���� ����� ����� ������"����������� ����� ����� ���������� ������������� �����0������������ ���� )�ND'�����! #���� ���� 7��1'N���������� ���� �N�NC'������������ ���� �N�N'N��������������������� ���� CT7)'������������������������ ������7����������������������� � )������������������������ �1`�������������������������� 1EM�

�7����� ����������� ���� ��� �����

�������� ���� ������������ �������� )�ND'��1������������������� �����0��

�W,5PNM�W,MH���������� ���<����������$�)�������������$�)�22>��F(8OP5�<���������$�)����������#�)�22>4��

�C!��!��0����

W,5PNM�W,MH��� ��F(8OP5�<����$)�����X�����X)����X%�����X)������X*�������E����X��>4����

7����� �������� ���� ����� �������� �������� �������� 7��1'N�� ����������������������������������0��

�O9D(MP���������� �����5PM�����������������������E*PNP������ �������

C!��!��0��

O9D(MP��� ����5PM�%������Y%��������Y���E*PNP�O� �,�� �Y�����Y��

��

Page 21: Dasar-dasar HTML, PHP dan MySQL

7����� ����������� ���� ����������������������������N�NC'��1������������������� ����������������0��

�5P8P!M��������������QNHZ���������� �����E*PNP������ ������

�C!��!��0���

5P8P!M�A��QNHZ�O� ���E*PNP�O� �W�$��

�7����� ���������� ���� ��� �����

�����������������������N�N'N��1������������������� �����0��

�DP8PMP� QNHZ� ������ ��� ��� E*PNP������ ������

�C!��!��0���

DP8PMP�QNHZ�O� ����E*PNP� ,���8 �/��%�Y*�������E����Y�

�9�4�3�������������������

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

�9�3���������!�������� �������

������������������������ ����������� ������� �������� (�������������� ����� ����� ��������������� ����������������0��

)����+�� �'���������7��� ���586��7���)����%��$���5:Q6�������!� ��%��$���5:Q6��)�����������%��$���5:Q6��'���� ���� ������ ���������

b����������������0���

!NP(MP�M(C8P��� �<����W� W,M� <'>� (OMH�W,!NPZP,M�9NWZ(N[�:P[)���������F(N!*(N�<@1>)����9������F(N!*(N�<@1>)��

��,����F(N!*(N�<@1>��>4��

�'���� ���� ��������� (��� �����

����� �������������� �#���������������������������������+��� �������������������������� ��� �#������ ����� �����'��������� ���������������� ��������� �� �����#!������ ����� ��������

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

�9�3�4� ������� ��������� ������ ����������%���

7����� ������� ���������� ��������������� ������� ���%��� ��������������� ��������!� ������� ���������

�������� ���� ���� ���������������� ������ �������� ������������0��

�B�5 �+ ���� ������� 4��B�O� ���� �� ���� 4��B�9������ %����� 4����B�!��������\��%��� ��<B�5 �+ �)�B�O� �)�B�9���>4�

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

������ �����%������ P C!��� ������ �������� �� �� �����������������������������

�9�3�3� ������ ��� ������� ������������ �������

������������� ���� ����������������� ������� ���!����� ��������������� ������ ���� ������������������ �����1 ���� M��������! �� ������ ������ ������ ���������� ����������'��!�������

�P )����=�>���'��!���>H�����b�?����$�? 5P )���6H������������ ������� ������ ���� ������

��������� (��� ����� ���������� ��������� ������������� ����� ����������� �������

Page 22: Dasar-dasar HTML, PHP dan MySQL

9�3�8� ������� �������� �������������2�������2���������� �����

�������� ������ ����������� ���� ���� ������������������������������ ��������� ���� �������� �� �� ������������������ ������ 5�������6� ����������������� ����� �����0��

�W,5PNM�W,MH��� ��F(8OP5�<����$)�����X�����X)����X%�����X)������X*�������E����X��>4��

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

������$��������������������0��

B\� ����� ��W,5PNM�W,MH��� ��F(8OP5�<����$)�����X�����X)����X%�����X)������X*�������E����X��>4�� 4����B�����������\��\� ��<B\� ��>4����<B�����>K���� ��<���\����� �� ����<>2 ����/������������� ����������� � >4��L�

��$���� ���� ������ �������� ����

��� �'��� +!��� 5����������6� ����������������� ��� ����� ��������7����� ���� ���� ����� ������� #������������� ����� ���� �! �� ������������0�

�,Y��P ���%���=�>�!$���!��>H��P 7����=�>����>H��P �����=�>�����!� >H����P C!��� =� ���b�?�$!���$�5P ���%����P 7�����P ����6H����P )����=�>���'��!���>H�����b�?����$�? 5P )���6H����Pb�����=�>�� )�ND'� )'T��������

57���)����������!� ��)����������6��E1�7N��5������cP����c�����cP����c�������cP�����������c��6H��>H����P�����=����b�?b����5Pb����6H��#5P����6[�����$�!5���b�?�##�$�� ?�!��56�>� !����� ������������ �����������>6H��\����Y-�

�9�8����������������b������

�������� ����������� �������� ������ �������� ���� ������ ������ ���������� ����� �������� ������� ����������� ����� ������� �������� �!��� ����������� ���� ����� 7����� ���� ���� ���������������� ���� ����� ������� ������$!$!�������� ������ ����� ����� ��������������

���������������� ������ ���������� ���� ����� �������� �����0��� ���������������� ��������� ������ ��������� �������b������� ������������b������� ������������������ �����!����������

����������������� ��������� ����0���5P8P!M� A� QNHZ� O� �� E*PNP�

�� �,�� �Y��%��������� �Y��

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

������$��������� �0���

B\� �����5P8P!M�A�QNHZ�O� ��E*PNP��� �,�� �YB�/��Y��D���� �� ����� �/���� �6��B�����������\��\� ��<B\� ��>4�

�"��� ����)���� ����� ��������

����� � ��� � �� ����� �������� b���������������������� Q� 5�!�6� ���� ������

Page 23: Dasar-dasar HTML, PHP dan MySQL

"���� ���b��������������������������������� ���� ���� �� �� �������������!�!�� ����� ���������

7����� ���������� ������� ���������� ����� ���b������ ���������! �������������0��

�B������*����������\���������<B�����>4��

�1����� �������� � ��� �!�� 5������

��������� ������ ��� �#���� ����� �����6������ ����� �������� ���� �����!� ��7����������������������������0��

�B���� �����\��� ���������<B�����>4��

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

������ ������$����0���

B%���D����B�����9�������4�

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

�$����������������������� �0���

�;�����+����� �����/��% ���������������� �������� ��B�� ���� ����� 4��B%������ %����� 4��B���� �� � 4��B� �+ ���� ������� 4������ �������� �����B�� ���������\����� ��<B� �+ �)�B�� �)�B%���>4������ � �������� �������<=B�� ���>K�� ��< :� ����� ������� �/�/�� >4�� 0��4��L������ ������������ �����\��� � ����<B�>4������ ������\� �����B\� ����� 5P8P!M�A�QNHZ��� ��E*PNP���� �,�� �X 2B�/��2 X 4����� �/ �� �����\� ����B�����������\��\� ��<B\� ��>4������ �/��� ���������B������*����������\���������<B�����>4����<B������*�������$>K�� ��< O� ��B�/���������������������� ����� >4��L �� K��

��< O� ��B�/����������������� ���� >4��B���������\��� ���������<B�����>4��B%�����(������B���� %����� �4����<B%���������B%�����(���>K�� ��< 9�������������� ��B�/���� ������� >4��L �� K�� ��< 9�������������� ��B�/������������ >4����L��L����;��

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

������ ���� ����� ����� ������ $!��!��$!��!�� ������ �����#������ ������������� ������� ��������� !������������� ��!�������� ����� ��� ���������

�'�� ���!(!)�

����������� ���� ��� ������ ���������!����������������������#���� ����� ����� ������ ������ ������������������ ����� ��������� ������� ����� ������ �� ��� ���������� ������ ���� ��� ��������������������������������������� �������!������ ����� ������������ ������������ ���� ����� �������� �������� ������� �������� ��� ����������������� ����� ������� ����� ������� ����� ����� ��� 1�� �����(������������������������������������

����!������� ������ ��� ���������� ������������������� �������� ������������������%�������������%��������� ��� ����� ��� ���������� ���%������� ������ ����������� ����!����������� ����������������������������������������� ��� ������������ ����� � ��� $��������� ����

D�#������ �������� ����!������������� ��� ����� ������ ��� ������$����#������������!!��������� ����� �� ���� ����� ����� ������� ����� ������ ����� ���� ������ ���������������������

Page 24: Dasar-dasar HTML, PHP dan MySQL

������������ ���� ��� ����������� ������ �������� ��������������������������������������� ���������� %���� ������ ����� ������������� ��������� ������� %�����������! ���! ���������� �����

��#������������4�� ��"!��� ������ ��!"#�� )��� D �����

3QQQ�3�� �����'!�� !�� D��!�� 1��

$� ��� ����� ��� !"#�%�������� ����$����d��T��������3QQQ�

8�� ����� ��� N� ��� ���� ��!��������+�� �������� ��� ������+�� �������������022$!������������%��$!���e�

������������������3���������3QQ;

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

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

��������� �"�!��� 3Q� ����������� ������ ������������ ���� ������!���� ����������� ���!���� ����������������� � "�!��� ��������������� ���!������������� ����� � �������������� ������ 3QQ9� ������ ������� �� ���� ���������������� � �������4� � _�������'����� N�����!� +��������'����� 7�%���������!���!�!� �����������!��������� �#!������� ���(!����������