HTML Elements

An HTML element usually consists of a start tag, content and an end tag.


HTML Element Examples:

<h1>My Heading</h1>
<p>My Paragraph.</p>

HTML elements with no content are called empty elements. Empty elements do not have an end tag, such as the <br> element.

Nested Elements

All HTML documents consist of nested HTML elements. See the following example.


<!DOCTYPE html>

<h1>My Heading</h1>
<p>My Paragraph.</p>


The <html> element defines the whole document. It has a start tag <html> and an end tag </html>. Inside the <html> element is the <body> element. The <body> element defines the document body. Inside the <body> element is two other HTML elements: <h1> and <p>.

HTML tags are not case sensitive. The HTML5 standard does not require lowercase tags, but W3C recommends lowercase in HTML.

HTML Frames

HTML Frames allow multiple html documents to be displayed in a single browser window at a time. Normally frames are used to have a menu in one frame and content in another frame in the same window. By clicking the menu items the targeted document will open in the contents frame. The tag defines how to divide the window into frames Each frameset defines a set of rows or columns. You have to specify the values of rows/columns that indicates that how much screen area each row/column will occupy.

<frameset rows = “20%,70%,10%”>

<frame name = “header” src = “header_frame.html” />
<frame name = “middle” src = “middle_frame.html” />
<frame name = “footer” src = “footer_frame.html” />


<body>If the browser does not support frames.</body>



The src contain the location of the web page that will load into the frame.
You can use the border attribute in the tag to set the frame border. You can also use the framespacing attribute to specify the space between the frames. You can use noresize if you do not let the frames be resized by the visitor. This attribute has no value. Use scrolling attribute to allow scrolling or not inside a frame. Scrolling attribute has values “yes”/”no”

HTML bgcolor Attribute

The bgcolor attribute is used to control the background of an HTML element, specifically page and table backgrounds. bgcolor can be placed within several of the HTML tags. However, we suggest you only use it for your page’s main background and in tables. For additional background styling, check out CSS Backgrounds. The HTML to change the background color is simple:

<body bgcolor=”color name OR RGB Number OR Hex Number”>

Images can be placed within elements of HTML. Tables, paragraphs, and body may all have a background image. To accomplish this, we use the background attribute as follows.

<body background=”background-image.jpg”>

Background Repeat

When your HTML element is larger than the dimensions of your picture, the image simply begins to repeat itself.

font Tag

The tag is used to apply font face, size, and color to the text on your web document. The tag should not be used instead the style attribute should be used.

HTML Introduction

HTML stands for Hyper Text Markup Language. HTML was developed by scientist Tim Berners-Lee in 1990. An HTML file is a text file containing small markup tags. In HTML, we use “tags” to create the structure. These tags tell the browser how to display the text or graphics in the document. HTML file must have an .htm or .html file extension. You can create HTML file using any Text Editor like Notepad or Sublime etc.