35

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

Embed Size (px)

DESCRIPTION

Feb 2, 2009 presentation covering basic XHTML concepts for SUNY Albany IST 561 Internet and Information Access class

Citation preview

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