Basic HTML5 Examples with source code

html5 Basics with examples

HTML5 tutorial HTML5 Basics Overview

Basic Examples of HTML Elements



The tags are explained here with examples for basic idea and over view you will lean in detailed on next chapters Tags Explained

The <!DOCTYPE html> by declaration of this tag defines web browser will treat this is HTML5 form The <html> element is the root element of an HTML page The <head> element contains meta information about the document The <title> element specifies a title for the document The <body> element contains the visible page content The "h1" tag element defines a large heading The <p> element defines a paragraph


Documents of HTML

Documents of HTML language


<!DOCTYPE html> HTML forms must begins with a document type declaration. Starts <html> and ends with </html> it’s html tag for all html forms all tags and content inside these tags only. And every tag should start with open tag as well as end tag it very important to remember as a beginner. Starts <head> and ends with </head> it’s a tag will taken care of all metadata references, script references and css – cascading style sheet references. Starts <body> and ends with </body> it’s a tag will taken care of all visible part of the document data.

HTML5 Headings to display
Headings to display in HTML5

From html <h2> to <h6> will use to write important and highlight headings on Html forms. h1 tag indicates larger font size and "h6" lease size of font. Example : <h2>Heading1 Here</h2> <h3>Heading1 Here</h3>

HTML5 Paragraphs

Paragraphs to display in HTML


<p> tag uses for Paragraph creation on Html form Example : <p>This is my first paragraph</p> <p>This is my second paragraph</p>

HTML5 Links tutorial

HTML5 Links to display in HTML


<a> tag will use to create links in HTML forms Example : <a href="http://www.harisystems.com">this is web link </a> Above link will redirect to specified webpge with using attribute of href href is an Attribute to use for an additional information of elements to know more on attribute for further sections.

HTML5 Image tag

Images to display in HTML


<a> tag will use to create links in HTML5 forms Example : <a href="http://www.harisystems.com">this is web link </a> Above link will redirect to specified webpge with using attribute of href href is an Attribute to use for an additional information of elements to know more on attribute for further sections.

HTML5 Lists
Lists to display in HTML5 list tags

To display List Items in html form basically these are 2 type tags <ul> - this tag which is use for unordered / bullet List to display <ol> - this tag which is use for ordered / numbered List to display <li> - this tag for list the items with in the <ul> and <ol> Example: <ul> <li>India</li> <li>USA</li> <li>Canada</li> </ul>

HTML5 Buttons creation

HTML5 Buttons to display in HTML from


<button> tag is uses for a specific action on html form Example: <button> Submit </button> <button> Reset </button>