SCS 209 • INTERNET TECHNOLOGY

Definition of HTML as HyperText Markup Language HTML as the standard markup language for creating web pages HTML describing web page structure HTML consisting of elements denoted by tags HyperText links allowing redirection to referenced pages Tags and elements: opening tags, closing tags, and empty elements Self-closing tags in XHTML Nesting of elements within the root html element The html root element The head element for document information The title element for the page title The body element for page content Head contents including title, link, meta, and script elements

html element as the root element head element for document metadata title element displayed in browser title bar, bookmarks, and search results body element containing text, images, and other page content Heading elements h1 through h6 Paragraph element p Link element a with href attribute Image element img with src and alt attributes Empty element br for line breaks Self-closing br tag in XHTML

div as a block-level container for content Uses of div for page headers and footers Uses of div for columns of content and sidebars Uses of div for highlighted boxes within text flow Uses of div for specific page areas such as ad spots Uses of div for image galleries span as an inline container for content Block-level elements starting on a new line Inline elements not creating a new line Block-level elements containing inline elements Inline elements not containing block-level elements class and id attributes on div and span for CSS styling and positioning Combining essential HTML tags in a single web page example

a element for creating links href attribute for specifying the URL Linking to content on the same site or another site img element for inserting images src attribute for referencing an uploaded image filename alt attribute as required alternative text for images Browser use of alt text when images are not displayed

div element as a block-level generic container Using div for page headers and footers Using div for columns of content and sidebars Using div for highlighted boxes within text flow Using div for areas such as ad spots and image galleries span element as an inline generic container Block-level elements starting on a new line Inline elements not creating a new line Block-level elements containing inline elements Inline elements not containing block-level elements class and id attributes for styling and positioning with CSS

Constructing a basic web page using multiple HTML tags Combining html, head, title, meta, and body elements Embedding headings, paragraphs, links, images, div, and span elements in a page Using an example page to demonstrate integration of the first ten HTML tags