Lect12 - 1.264 Lecture 12 XHTML CSS Forms Hypertext markup language(XHTML exercise!DOCTYPE …(details omitted<html><head><title>

Info iconThis preview shows pages 1–8. Sign up to view the full content.

View Full Document Right Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: 1.264 Lecture 12 XHTML, CSS, Forms Hypertext markup language (XHTML) exercise !DOCTYPE … (details omitted) <html> <head> <title> Welcome to the Chemical System </title> </head> <body> <h1> Welcome to the Chemical System </h1> This system handles orders for chemicals. We handle many products. We comply with the latest US regulations. <p> The use of this system is subject to <a href= “MITRule.html”> MIT rules and regulations. </a> </p> </body> </html> Create site and page in DW; type this text in Code view (Example1.html) – – – • • • XHTML • Tags (e.g. <h1>) never display but direct the browser • XHTML tag pairs (e.g. <h1> and </h1>) delimit section • Some tags have attributes (e.g. <a href=“abc.html”> </a>) • XHTML document begins with <html>, ends with </html> Two sections within document: head and body Head has identifying information not displayed Body is displayed, with formatting: Paragraph <p> Header levels 1 through 6 <h1> through <h6> Anchor <a>, placed around text or graphics; used for hyperlinks • HTML and most of its formatting features will be deprecated eventually, replaced by XHTML and CSS (Cascading Style Sheets) XHTML <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=“http://www.w3.org/1999/xhtml> <head> <title> Test Web page </title> </head> <body> <p> Sample text </p> </body> </html> • XHTML is more structured form of HTML: • Defined as XML document • Rules stricter: • All tags must be lower case • All tags must be closed • Quotation marks required for tag attributes • Dreamweaver generates XHTML, which we’ll use all term Tag examples • Control appearance of page – Not as precise as MS Word or other editors – Intended for pages that can be viewed on machines with very different graphics capabilities. Tags discourage specific assumptions. Opening tag Closing tag Definition <em> </em> Emphasis (often italic) <strong> </strong> Strong emphasis (often bold) <var> </var> Variable <cite> </cite< Citation (of an article or book) <address> </address> Address (identifying info at bottom of doc) <code> </code> Computer code fragment (tags ignored) Add some of these to your Example1.html page – – – Tag examples, cont • Special characters: &gt; is > • Paragraph format: <h2 align=“center”> text </h2> • Preformatted text: <pre> (lines up columns exactly, etc.) • Horizontal lines: <hr width=“80%” align= “left”> • Lists: can be multi-level, etc. Ordered (numbered) <ol> Unordered (bulleted) <ul> Definition (indented) <dl> • Tables: <table>, <td> (data), <tr> (row), etc. Add some of these to your Example1.html page – – – – – • – XHTML Filenames • Relative names (UNIX conventions) MITRule1.html same folder (directory) as current doc Laws/MITRule2.html in subfolder (subdirectory) of current doc ../MITRule3.html in folder above current doc • Absolute names (also...
View Full Document

This note was uploaded on 12/06/2011 for the course ESD 1.264j taught by Professor Georgekocur during the Fall '06 term at MIT.

Page1 / 22

Lect12 - 1.264 Lecture 12 XHTML CSS Forms Hypertext markup language(XHTML exercise!DOCTYPE …(details omitted<html><head><title>

This preview shows document pages 1 - 8. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online