What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG BODY TAG Define Terminology Tag, Attribute, and Whitespace Types of tags Container Tags Singleton Tags Appearance of Text using physical styles Bold, italics, underline Superscript, subscript Font tag and its attributes Text Structures Paragraphs, and line breaks Headings Horizontal rules Preformatted text Attributes of BODY tag text – foreground color for the entire document bgcolor – background color leftmargin, rightmargin, topmargin, bottommargin background – background image for the document
What is HTML? HTML is a document description or layout language HyperText Markup Language Action from text Instructions for displaying a document HTML is a document description or layout language It is not a programming language It is not case sensitive Documents are saved as .html
Structure of HTML Document <head> <title>Descriptive title for document</title> </head> <body> All contents to be displayed in the window goes here </body> </html> Head Section Body Section
Definition of Terminology Tags are reserved words that are between the opening and closing bracket (< and >); Tags are instructions. Tags consist of tag name followed by optional list of attributes all placed between the opening and closing bracket.
Definition of Terminology Syntax of tag <tagname attribute1= “value1” attribute2=“value2”> Attributes are reserved words that define or modify the behavior of a tag Whitespace, found in the source code, are vertical and/or horizontal spaces that are read as a single space by the browser.
Container Tags Container tags are tags that come in opening and closing pairs, where the closing tag is differentiated from its opening tag by a forward slash These tags work in pairs to block of text Block of text is a region within the document starting at a opening tag and ending at the matching closing tag
Singleton Tags Singleton tags are tags that doesn’t have a closing tag; no pair These tags effect where it is placed
Text formatting tags <b>…</b> <i>…</i> <u>…</u> <sup>…</sup> <sub>…</sub> <font>…</font>
Text Structure tags <p>…</p> or <p> <br> <h1>…</h1>, <h2>…</h2>, <h3>…</h3> ……… <h6>…</h6> <hr> (Horizontal Rule) <pre>…</pre> (Preformatted text)