HTML XHTML Web Publishing What is HTML HTML

HTML & XHTML Web Publishing

What is HTML? • HTML- Hypertext Markup Language ▫ Start with text on your page & add special tags ▫ These specific tags produce different effects on browser ▫ Based on Standard Generalized Markup Language (SGML) • XHTML – Extensible Markup Language • Defines a set of common styles for Web Pages ▫ Headings, paragraphs, lists, tables ▫ Character styles such as boldface and code examples Go to Google. com

• After creating a page using HTML coding—you can read it using a browser (Netscape/Internet Explorer) to see what the page looks like **Pages you create with HTML may look totally different when looking at it in another browser

• HTML tags – Enclosed in <> ▫ Beginning tag <h 1> Ending tag </h 1> �Links – underlined in blue �Visited links - purple �Emphasized text - italics • World Wide Web –has to be had to be crossplatform so pages can be viewed by any computer system ▫ Everyone has different computer systems/ screens/colors/fonts

History or HTML • HTML 2. 0 – Standard version - oldest • HTML 3. 2 – 1996 ▫ Added tables & text around images • HTML 4. 0 – 1997 ▫ Better table formatting • HTML 4. 01 • XHTML 1. 0 – Written for newer portable technologies • SML – Heading towards this – More portable

Deprecated Tags • These tags still work but are no longer considered proper coding

• Text editor – program that saves files in ASCII format – plain text, no font formatting or special characters. • Notepad or Word. Pad – basic text editors

Tags Headings <h 1> Heading level 1 <h 2> Heading level 2 <h 3> Heading level 3 <h 4> Heading level 4 <h 5> Heading level 5 <h 6> Heading level 6

Paragraph Plain paragraph <t> Title Body

Storyboarding Your Web Site Movies • Concept borrowed from filmmaking • Each scene is sketched & roughed out • Shows where each individual shot fits into movie Web Page Development – • Provides overall rough outline of what Web site will look like • Includes topics, primary links & graphics

3 Tags used to describe header information: • <html> - 1 st page structure tag • <head> • <body> (Required for XHTML 1. 0)

• URL – Uniform Resource Locator • Protocol (FTP or HTTP) • Hostname • Directory Location http: //name of site/directory/filename http: //wfps. k 12. mt. us/wfhs/library/default. htm

Web Browsers • Most popular browsers – ▫ Internet Explorer ▫ Netscape Navigator

Tags • Headings ▫ 6 levels • Paragraphs ▫ - indicates beginning of a paragraph ▫ - optional When you include tags inside other tags: <a>……. . </a> NOT <a>……. . </a>

Lists • Numbered or ordered lists <ol> </ol> • Bulleted or unordered lists <ul> </ul> • Glossary lists – term & definition • Each list item within the list <dt> and <dd> for glossary lists & <li> for all other lists • Closing tags are optional but for XHTML 1. 0 – use closing tags

Customize Ordered Lists • How they are numbered ▫ Numbers 1, 2, 3… ▫ Lowercase/uppercase letters ▫ Lowercase/uppercase Roman numerals • The number which the list starts • <ol type=“a”> • By default type=“ 1” is assumed

• • • The Days of the Week <ol type=“I”> <Li>Monday</li> <Li>Tuesday</li> <Li>Wednesday</li> <Li>Thursday</li> <Li>Friday</li> <Li>Saturday</li> <Li>Sunday</li> </ol>

• Create a list with type of numbering and start with a specific number • <ol type=“I” start=“ 5”> Ordered list using Roman numerals and start with number V