1. HTML: Tables & Frames Internet Technology1

2. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ► surround each data cell Provide a little more control over where items appear on a web page in relation to one another Example Here’s a table Let’s learn how Internet Technology 2

3. HTML: Table Tag Attributes Internet Technology 3 AttributeValueDescription number (0 to n)Specifies the thickness of table border (0 = no border) left, center, rightSpecifies the horizontal position of a table left, center, rightSpecifies the horizontal position of table row content top, middle, bottomSpecifies the vertical position of table row content left, center, rightSpecifies the horizontal position of table cell content top, middle, bottomSpecifies the vertical position of table cell content number (0 to n)Specifies the number of columns a cell should span number (0 to n)Specifies the number of rows a cell should span number (pixel) or %Specifies the width of a cell number (pixel) or %Specifies the height of a cell color nameSpecifies the background color of a cell Example: http://widit.knu.ac.kr/~kiyang/share/tabledemo.htmhttp://widit.knu.ac.kr/~kiyang/share/tabledemo.htm

4. HTML: Frames Frame Tags ► holds two or more frame elements ► defines a frame (window) within a frameset HTML Frames ► Divide the browser window into pieces Display multiple HTML document in the same browser window Each HTML document is called a frame ► A different HTML page loads in each piece, and can be manipulated independently of the others Example Internet Technology 4 left.htm right.htm 25%75% http://widit.knu.ac.kr/~kiyang/share/frameDemo.htm

5. HTML: More Frame Examples Nested Frames Named Frames ► Use NAME attribute of tag to designate a name for the target window ► Use TARGET attribute of tag to display the linked page in the named window http://knu.ac.kr Use tag to display a message for browsers that do not support frames This browser does not support frames. Internet Technology 5 top.htm left.htm right.htm Example: http://widit.knu.ac.kr/~kiyang/share/frameDemo2.htmhttp://widit.knu.ac.kr/~kiyang/share/frameDemo2.htm

6. HTML: iFrame Inline Frame iFrame ► Attributes - name - height, width - scrolling - frameborder Internet Technology 6 Examples: http://widit.knu.ac.kr/~kiyang/share/iframeDemo.htm http://widit.knu.ac.kr/~kiyang/share/iframeDemo2.htm