Transcript
Page 1: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

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

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

Page 2: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

���������

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

� # $ �% &����'�(��'�)�����*�*� + �'�'�,�*����'����

� �-����'�+ �������� ��,�)

� ��+ �''��)�'-���*�������� ��,�)� ��+ �''��)�'-���*�������� ��,�)

� ��+ �''��)�'-�'('������� ��,�)

� .-��� �����*���)� ����'���'�)�

� �, ����/ -��� '��

� / ��� '��)�� ��,�)�� ���)�-�,����0�

Page 3: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 4: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 5: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 6: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 7: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 8: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 9: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

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

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> an opening tag.... page info goes here</html> a closing tag</html> a closing tag

Page 10: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 11: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>

<head>.... Header info goes here</head><body>.... Body info goes here</body>

</html>

Page 12: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

<h1>Heading Level 1</h1><h2>Heading Level 2</h2><h3>Heading Level 3</h3><h4>Heading Level 4</h4><h5>Heading Level 5</h5><h6>Heading Level 6</h6><h6>Heading Level 6</h6>

Page 13: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 14: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 15: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 16: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 17: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 18: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

���� ���������� ������<dl>

<dt>IP</dt><dd>Internet Protocol</dd>

<dt>TCP</dt><dd>Transmission Control Protocol</dd><dd>Transmission Control Protocol</dd>

</dl>

Page 19: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 20: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

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

<ol><li>Apply to school</li><li>Register for course</li><li>Pay tuition</li><li>Pay tuition</li><li>Attend course</li>

</ol>

Page 21: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 22: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

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

<ul><li>TCP</li><li>IP</li><li>HTTP</li><li>HTTP</li><li>FTP</li>

</ul>

Page 23: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

������

� 1. Can you describe the features of a heading tag and how it configures the text?

� 2. Can you describe the difference between ordered lists and unordered lists?lists and unordered lists?

� 3. Can you describe the purpose of the blockquotetag?

Page 24: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 25: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 26: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

/ -��� '������/ �*

1 �����������������2 �,�3

4������������������2�'3

5������������������2)'35������������������2)'3

2 2�+ ,3

2���,3

Page 27: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

������ �

� Can you provide a reason for using logical style tags rather than physical style tags?

� Can you describe the purpose of special characters?

Page 28: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

28

Page 29: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

29

Page 30: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

30

Page 31: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

������

1. Can you describe when to use an absolute link? Is the http protocol used in the hrefvalue?

2. Can you describe when to use a relative 2. Can you describe when to use a relative link? Is the http protocol used in the hrefvalue?

3. What happens when a web site visitor clicks on an e-mail link?

31

Page 32: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 33: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts

�� � ��

� 6��� ����'��* '����'��$ �% &���*�'-�'�����'����'��# $ �% &

� ���'�+ �������� ��,�)� ���'�+ �������� ��,�)

� ��'��* *���������*���� 0��!�����+ �''��)

� *+ ���'��'*�'-�# $ �% &�' -��7 �� �*�'�� ��'�-�,����0��

� 8� �� ���� ��'-���0������!����*��!���)��������� � ��'�� ��,�)��

Page 34: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts
Page 35: IST 561 Session2--Feb 2, 2009 Basic XHTML Concepts