HTML ElementsAn element consists of 1 an opening tag 2 the content 3 and a closing tag<tagname>content</tagname>The HTML element is everything from the start tag to the end tag HTML elements sometimes containattributeswithin the angle brackets (< >) of their opening tag after the element name. If the HTML element has no closing tag (called a void element or self-closing element) then the attributes appear between the angle brackets as usual. <p>HTML paragraph.</p> Start tag Element content End tag <h1> Heading </h1> <p> paragraph. </p> <br> Note:Some HTML elements do not have an end tag. HTML elements with no content are called empty(void) elements. HTML elements can be nested (elements can contain elements). All HTML documents consist of nested HTML elements.Use Lowercase TagsHTML tags are not case sensitive: <P> means the same as <p>, but is recommended to use lowercase!HTML Formatting ElementsBold text This text is bold <b>This text is bold</b> Important text Italic text This text is italic <i>This text is italic</i> Emphasized text This text is emphasized <em>This text is emphasized</em> Marked text Small text Small Deleted text Inserted text Subscripts SuperscriptsBut *NOTE* its much better to use CSS to style text!
Goto Cascading Style Sheet to read more...
HTML AttributesAttributes provide additional information about an element Attributes are always specifiedin the start tag. Attributes come in name/value pairs like: name="value" Below is an alphabetical list of some attributes often used in HTML:Attribute DescriptionaltSpecifies an alternative text for an image disabled Specifies that an input element should be disabledhrefSpecifies the URL (web address) for a link id Specifies a unique id for an elementsrcSpecifies the URL (web address) for an image style Specifies an inline CSS style for an elementtitleSpecifies extra information about an element (displayed as a tool tip) The document language can be declared in the<html>tag. The language is declared in the lang attribute. <html lang="en-US"> HTML paragraphs are defined with the<p>tag. In this example, the <p> element has atitle attribute. The value of the attribute is "webdesign" <p title="webdesign"> let mouse over to see tooltip!</p>
let mouse over to see tooltip!Note: The title in the head section is NOT the same as the title attribute.Following attributes should not be used in html - use CCS for styling.align bgcolor border nowrap The style attribute prevents styles sheets from changing the original size of images. <img src="html.gif" alt="HTML" style="width:128px;height:128px;">