Note : Do not copy paste code create your own standards


Including this in text Let's see a simple example of HTML.

<!DOCTYPE> <html> <head> <title>Webpage Tital<title> </head> <body>

Heading Tags

<h1>This is heading 1 Tag</h1> <h2>This is heading 2 Tag</h2> <h3>This is heading 3 Tag</h3> <h4>This is heading 4 Tag</h4> <h5>This is heading 5 Tag</h5> <h6>This is heading 6 Tag</h6>
for more details

HTML <a> Tag

<a href="http://dev04.apextsi.com/saumitra/emergentltd/training/html/basic3.html">Visit Apex Technology</a>

HTML <center> Tag.

Center-align text in an HTML page:

<center>This text will be center-aligned.</center>

HTML <b> Tag.

<p>This is normal text - <b>and this is bold text</b>.</p>

HTML <img> Tag.

How to insert an image:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Paragraph Tags

<p>This is a paragraph.</p>
for more details

Unordered and Order HTML List

<ul> <li>list name 1</li> <li>list name 2</li> <li>list name 3</li> </ul> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
for more details

HTML Table

<table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> </table>
for more details

HTML Text Color

<h1 style="color:blue;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p>

HTML Background Color

<body style="background-color:powderblue;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body>

HTML Fonts

<h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p>

HTML Text Size

<h1 style="font-size:300%;">This is a heading</h1> <p style="font-size:160%;">This is a paragraph.</p>

HTML Text Alignment

<h1 style="text-align:center;">Centered Heading</h1> <p style="text-align:center;">Centered paragraph.</p>
for more details

HTML Text Input

<input type="text"> defines a one-line input field for text input:

<form> First name:<br> <input type="text" name="firstname"><br> Last name:<br> <input type="text" name="lastname"> </form>

HTML Radio Button Input

<input type="radio"> defines a radio button:Radio buttons let a user select ONE of a limited number of choices:

<form> <input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"> Female<br> <input type="radio" name="gender" value="other"> Other </form>

The Submit Button

<input type="submit"> defines a button for submitting the form data to a form-handler.

<form > First name:<br> <input type="text" name="firstname" value="Mickey"><br> Last name:<br> <input type="text" name="lastname" value="Mouse"><br><br> <input type="submit" value="Submit"> </form>

The <textarea> Element

The <textarea> element defines a multi-line input field (a text area):

<textarea name="message" rows="3" cols="5"> Type text here </textarea>
for more details

HTML <!--...--> Tag

<!--This is a comment. Comments are not displayed in the browser-->
for more details

HTML <address> Tag

<address> Written by <a href="mailto:yourname@example.com">Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>
for more details

HTML <audio> Tag

<audio controls> <source src="horse.mp3" type="audio/mpeg"> </audio>
for more details

HTML <br> Tag

This text contains<br>a line break.
for more details

HTML <button> Tag

<button type="button">Click Me!</button>
for more details

HTML <div> Tag

The <div> tag defines a division or a section in an HTML document.

<p>This is some text.</p>
<div> <h3>This is a heading in a div element</h3> <p>This is some text in a div element.</p> </div>
<p>This is some text.</p>
for more details

HTML <fieldset> Tag

The <fieldset> tag draws a box around the related elements.

<form> <fieldset> <legend>Personalia:</legend> Name: <input type="text"><br> Email: <input type="text"><br> Date of birth: <input type="text"> </fieldset> </form>
for more details

HTML <font> Tag

The <font> tag is not supported in HTML5. Use CSS instead.

<font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font>
for more details

HTML <footer> Tag

The <footer> tag defines a footer for a document or section.

<footer> <p>Posted by: Hege Refsnes</p> <p>Contact information: <a href="mailto:someone@example.com"> someone@example.com</a>.</p> </footer>
for more details

HTML <form> Tag

The <form> tag is used to create an HTML form for user input.

The <form> element can contain one or more of the following form elements:

<input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label>
<form action="/action_page.php" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form>
for more details

HTML <frame> and <frameset> Tag

The <frameset> element holds one or more <frame> elements. Each <frame> element can hold a separate document.

<frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset>
for more details

HTML <header> Tag

The <header> element represents a container for introductory content or a set of navigational links.

<header> <h1>Most important heading here</h1> <h3>Less important heading here</h3> <p>Some additional information here.</p> </header>
for more details

HTML <i> Tag

The <i> tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic.

Use the <i> element only when there is not a more appropriate semantic element, such as:

<em> (emphasized text) <strong> (important text) <mark> (marked/highlighted text) <cite> (the title of a work) <dfn> (a definition term)
<p>This is text <i>This is italic paragraph</i>, this is some text.</p>
for more details

HTML <iframe> Tag

The <iframe> tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document.

<iframe src="http://dev04.apextsi.com/saumitra/emergentltd/training/html/basic3.html"> <p>Your browser does not support iframes.</p> </iframe>
for more details

HTML <label> Tag

The <label> tag defines a label for an <input> element

<form action="/action_page.php"> <label for="male">Male</label> <input type="radio" name="gender" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="gender" id="female" value="female"><br> <label for="other">Other</label> <input type="radio" name="gender" id="other" value="other"><br><br> <input type="submit" value="Submit"> </form>
for more details

HTML <link> Tag

The <link> tag defines a link between a document and an external resource.

<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
for more details

HTML <nav> Tag

The <nav> tag defines a set of navigation links.

<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>
for more details

HTML <option> Tag

The <option> tag defines an option in a select list.

<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>
for more details

HTML <section> Tag

The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

<section> <h1>This is section 1</h1> <p>this is some text</p> </section> <section> <h1>This is section 2</h1> <p>this is some text</p> </section>
for more details

HTML <select> Tag

The <select> element is used to create a drop-down list.

<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
for more details

HTML <span> Tag

The <span> tag is used to group inline-elements in a document.

The <span> tag provides no visual change by itself.

<p>My mother has <span style="color:blue">blue</span> eyes.</p>
for more details

HTML <strong> Tag

The <strong> tag is a phrase tag. It defines important text.

<p>This is my <strong>example</strong></p>
for more details

HTML <style> Tag

The <style> tag is used to define style information for an HTML document.

Inside the <style> element you specify how HTML elements should render in a browser.

<html> <head> <style> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html>
for more details

HTML <thead> Tag

The <thead> tag is used to group header content in an HTML table.

<html> <head> </head> <body> <table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> </body> </html>
for more details

HTML <title> Tag

The <title> tag is required in all HTML documents and it defines the title of the document.

<!DOCTYPE html> <html> <head> <title>HTML Reference</title> </head> <body> The content of the document...... </body> </html>
for more details

HTML <title> Tag

The <title> tag is required in all HTML documents and it defines the title of the document.

<!DOCTYPE html> <html> <head> <title>HTML Reference</title> </head> <body> The content of the document...... </body> </html>
for more details

HTML <video> Tag

The <video> tag specifies video, such as a movie clip or other video streams.

<!DOCTYPE html> <html> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video> </body> </html>
for more details
</body> </html>

NEXT