XP 2 HTML Tutorial 1: Developing a Basic Web Page

XP 3 HTML: The Language of the Web Web pages are text files, written in a language called Hypertext Markup Language (HTML) HTML describes the format of Web pages through the use of tags. The Web browser interprets these tags and renders the text accordingly HTML has a set of rules, called syntax.

XP 4 Web Development Web development is now focusing more on XML (Extensible Markup Language) and XHTML (Extensible HyperText Markup Language) for developing document content. XML combined with style sheets provides the same functionality as HTML, but with greater flexibility XHTML was designed to overcome some of the problems with competing HTML standards

heading 1 image horizontal line paragraph list bold and italic text heading 3 Creating an HTML Document Plan the appearance of your Web page before you start writing code

XP 8 HTML Tags Tags can be one-sided or two-sided. – two-sided tags contain an opening tag that tells the browser to turn on a feature and apply it to the content that follows, and a closing tag that turns off the feature – one-sided tags are used to insert noncharacter data into the Web page, such as a graphic image or video clip Tags are not case sensitive. The current standard is to display all tags in lowercase letters.

XP 9 Making Elements with Tags To create a two-side tag, use: content To create a one-side tag, use: where element is the name of HTML element

The Structure of an HTML File

XP 11 Block-Level Elements (see Figure 1-20) A block-level element contains content displayed in a separate section within the page, setting it off from other blocks Examples:...

XP 12 Creating Lists HTML supports three kinds of lists: an ordered list, which is used to display information in a numeric order an unordered list, which list items not in a particular order i.e. bullets a definition list, which is a list of terms, each followed by a definition line that is typically indented slightly to the right

XP 13 Inline Elements (see Figure 1-21) An inline element is part of the same block as its surrounding content - e.g., individual words or phrases within a paragraph. Examples:...

XP 14 Inserting an inline image

XP 15 Inserting Horizontal Lines A horizontal line can improve the appearance of a Web page. <hr style=“color: color; background-color: color; width: width; height: height” />

Special Characters in the Browser accented é added to last name Dubé

XP Tips for Good HTML Code Use line breaks and indented text to make your HTML files easier to read Insert comments into your HTML file to document your work Enter all tag and attribute names in lowercase Place all attribute values in quotes Close all two-sided tags Use styles whenever possible 17