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)
Font tag and its attributes Attribute list attributename=“value” <font color=“ ” size=“ ” face=“ ” >…</font> Standard color name Hexadecimal value 1 - 7 Arial, Courier, Times, Script, Georgia, etc
Hexadecimal value Color values consist of 6 characters of hexadecimal (Base 16) preceded by hash symbol (# pound) Each character in hexadecimal value, uses numbers 0-9 or characters A-F. 2 characters for Red, 2 characters for Green and 2 characters for Blue White #ffffff Black #000000
Attributes of <body> tag Foreground color for the entire document Background color for the document Background image file for the document <body text=“ ” bgcolor=“ ” background=“ ” leftmargin=“ ” rightmargin=“ ” topmargin=“ ” bottommargin=“ ”> ……………………. </body>