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 Ending tag  Links – underlined in blue  Visited links - purple  Emphasized text - italics World Wide Web –has to be had to be cross- platform 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 WordPad – basic text editors

Tags Headings Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6

Paragraph Plain paragraph 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: - 1 st page structure tag (Required for XHTML1.0)

URL – Uniform Resource Locator Protocol (FTP or HTTP) Hostname Directory Location of site/directory/filename

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: …….. NOT ……..

Lists Numbered or ordered lists Bulleted or unordered lists Glossary lists – term & definition Each list item within the list and for glossary lists & 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 By default type=“1” is assumed

The Days of the Week Monday Tuesday Wednesday Thursday Friday Saturday Sunday

Create a list with type of numbering and start with a specific number Ordered list using Roman numerals and start with number V

Customize Unordered Lists Disc or bullet (default) Square Circle

Comments Comments can be used to provide status of page etc. Text in comments is ignored –doesn’t show up onscreen