Download presentation
Presentation is loading. Please wait.
1
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu xqzhu@cse.fau.edu
2
XHTML1-2 XHTML What is a Markup Language? Why Extensible HTML? XHTML vs HTML XHTML Rules Basic XHTML Components Headers Links Special Characters & Line Break Images Lists Tables Forms Framesets
3
XHTML1-3 Tables Caption Table row Align: left, right, center Table head Align, valign: top, bottom Table data Align, valign: top, bottom The number of data items in each row should be the same: Table Example Table Example or empty item Unless….
4
XHTML1-4 Rowspan & colspan Span multiple rows or multiple columns Span 3 columns This crosses three cols. span 2 rows This crosses two rows Span Examples
5
XHTML1-5 Cellpadding & Cellspacing Cellpadding Spacing between the content of the table cell and the cell’s edge Cellspacing Spacing between adjacent cells Example
6
XHTML1-6 Form Fill in and submit Submitted form processed by the third party (e.g. server) Requires “server-side” application program (later in course) Specify display items and fields by name A form can contain Text area Checkbox Reset button Hidden fields … Required attribute: action Form Example Simple ComplexSimpleComplex
7
XHTML1-7 Form: Action & Method The action should be taken right after the user click the “submit” button Action=“” Empty Action=“/cgi-bin/formmail” Server side program Action=“mailto:xxx@cse.fau.edu”mailto:xxx@cse.fau.edu Action=“thankyou.html” Method Method=“get” Method=“post”
8
XHTML1-8 Form: Input attributes Name, type, value The caption of your input Specify data types in the form
9
XHTML1-9 Form: cont.
10
XHTML1-10 Form: & No.1 No.2 No.3
11
XHTML1-11 XHTML What is a Markup Language? Why Extensible HTML? XHTML vs HTML XHTML Rules Basic XHTML Components Headers Links Special Characters & Line Break Images Lists Tables Forms Framesets
12
XHTML1-12 Frameset Frames allow multiple XHTML documents to be displayed simultaneously inform the browser that the page contain frames Cols=“110, *” or cols=“20%, *”, so does rows this page contain frame
13
XHTML1-13 Frameset Examples Example 1 Example 1 Nested Frame Example 2Example 2 target=“xx”, “_blank”, “_top”, “_self”
14
XHTML1-14 XHTML What is a Markup Language? Why Extensible HTML? XHTML vs HTML XHTML Rules Basic XHTML Components Headers Links Special Characters & Line Break Images Lists Tables Forms Framesets
15
XHTML1-15 XHTML Rules Required elements in an XHTML file? doctype, html, head, title, and body Major differences with HTML Tag names must be in lowercase XHTML is an application of XML, which is case sensitive All XHTML elements must be closed Elements in pairs Self-contained elements XHTML elements must be properly nested A nested element’s end tag must appear before the enclosing element’s end tag. XHTML documents must be well-formed Nested in Elements in pairs & properly nested
16
XHTML1-16 An XHTML example file <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Our first XHTML document Greetings from your Webmaster! Xml declaration element SGML DOCTYPE command Root element
Similar presentations
