XHTML Part 2 - Chapter 5 Introduction to XHTML Part 2...

Info icon This preview shows pages 1–7. Sign up to view the full content.

View Full Document Right Arrow Icon
1 Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate XHTML Tables and Formatting 5.4 Basic XHTML Forms 5.5 More Complex XHTML Forms 5.6 Internal Linking 5.7 Creating and Using Image Maps 5.8 meta Elements 5.9 frameset Element 5.10 Nested frameset s 5.11 Web Resources
Image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
2 Objectives In this lesson, you will learn: To be able to create tables with rows and columns of data. To be able to control table formatting. To be able to create and use forms. To be able to create and use image maps to aid in Web-page navigation. To be able to make Web pages accessible to search engines using meta elements. To be able to use the frameset element to display multiple Web pages in a single browser window.
Image of page 2
3 5.1 Introduction Tables Present information Forms Collect information from visitor Internal linking and image maps Enhance Web page navigation Frames Display multiple documents in the browser
Image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
4 5.2 Basic XHTML Tables Organize data into rows and columns table element Attribute border Specifies the table’s border width in pixels Attribute summary Describes the table’s contents Attribute caption Describes the table’s content and helps text-based browsers interpret table data Head section (header cell, defined with a thead element) Contains header information such as column names tr element (defines an individual table row) th element (defines the columns in the head section) Foot section (defined with a tfoot element) Table body (defined with a tbody element) Data cells (defined with td element)
Image of page 4
5 table.html (1 of 3) 1 <?xml version =  "1.0" ?>  2 <!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.1//EN"  3     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" 4   5 <!-- Fig. 5.1: table1.html   -->  6 <!-- Creating a basic table  -->  7   8 <html xmlns =  "http://www.w3.org/1999/xhtml" 9    <head>  10        <title> A simple XHTML table </title>  11    </head>  12   13    <body>  14   15       <!-- the <table> tag opens a table -->  16       <table border =  "1"  width =  "40%"                       17          summary =  "This table provides information about    18              the price of fruit" >                             19   20          <!-- the <caption> tag summarizes the table's    -->  21          <!-- contents (this helps the visually impaired) -->  22           <caption><strong> Price of Fruit </strong></caption>  23  
Image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
6 table.html (2 of 3) 24          <!-- the <thead> is the first section of a table -->  25          <!-- it formats the table header area            -->  26          <thead>               27             <tr>               <!-- <tr> inserts a table row -->  28                 <th> Fruit </th>  <!-- insert a heading cell --> 
Image of page 6
Image of page 7
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern