HTML TAGS LIST


php tutorial

HTML TAGS CHART

php tutorial

TAGNameCode of ExampleBrowser View
<!--comment<!--This can be viewed in the HTML part of a document-->Nothing show its comment for HTML code
<a -anchor<a href="link path as url"> Text/Image </a> Text/Image
<b>bold<b>Example How We Apply </b>Text Formatting Bold Tag
<big>big (text)<big>Example How We Apply </big>Text Size Big
<body>body<body>The publish contents of your html page </body>Contents of your web page
<br>Break LineThe Contents of Your Page <br/> Example How We ApplyThe Contents of Your Page
Example How We Apply
<center>center<center>image/contents alignment in center</center>
Contents/Image center alignment
<dd>defination description <dl>
<dt>Definition Term</dt>
<dd>Definition of the term<dt>
<dt>Definition Term</dt> <dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<dl>defination list <dl>
<dt>Definition Term</dt>
<dd>Definition of the term<dt>
<dt>Definition Term</dt> <dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<dt>defination term <dl>
<dt>Definition Term</dt>
<dd>Definition of the term<dt>
<dt>Definition Term</dt> <dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<em>emphasis<em>Example How We Apply </em>Text Formatting Italic Tag
<embed>embed object<embed src="yourfile.mid" width="100%" height="60" align="center" />
<font>font<font face="Times New Roman">change font of text</font>Change font of text
<font>font<font face="Times New Roman" size="4" >change font of text</font>Change font of text
<font>font<font face="Times New Roman" size="+2" color="#ff0000">change font of text</font>Change font of text
<form>form<form>Name:<input type="text" name="uname" size="10"/><br/> password:<input type="password" name="pwd" size="10"/><br/> <input type="submit" name="submit" value="Login"/></form>
Name:
Password:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>

Heading1

Heading2

Heading3

Heading4

Heading5
Heading6
<head section of HTML document>head<head>Head tag use to initialize plugin and many more. </head>nothing display
<hr/>Horizontal Ruler<hr/>
<hr/>Horizontal Ruler<hr width="50%" size="3"/>
<html>HTML Document Tag <html>
<head><title>Page Title</title></head>
<body>
HTML is first tag to write html code
</body>
<html>
HTML is first tag to write html code
<i>italic<i>Example How We Apply </i>Example How We Apply
<img>Image Tag<img src="Earth.gif" width="80" height="80" border="0" alt="text describing the image" />text describing the image
<input>textbox<form>
any text:<input type="text"name="" size=""/>
</form>
any text:
<input>password<form>
password:<input type="password" name="" size=""/>
</form>
password:
<input>checkbox<form>
any text:<input type="checkbox" name="" value=""/>
</form>
any text:
<input>radio<form>
any text:<input type="radio" name="" value=""/>
</form>
any text:
<li> list <ul>
<li>List option1 </li>
<li>List option2 </li>
</ul>
List
  • List Option1
  • List Option2
<link> link <head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
make link of external file into html head section
<marquee> marquee <marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee </marquee> Example Marquee
<menu> menu <menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>
  • List item 1
  • List item 2
  • List item 3
  • <meta> meta <meta name="Description" content="Description of your site"/>
    <meta name="keywords" content="keywords describing your site"/>
    These tags are used to for search engine optimization SEO
    <ol> order list <ol type="A">
    <li>List option1</li>
    <li>List option2</li>
    </ol>
    List
    1. List Option1
    2. List Option2
    <p> pragraph <p align="justify">Any pragraph </p>
    <p align="left">Any pragraph </p>
    <p align="right">Any pragraph </p>
    <p align="center">Any pragraph </p>

    Any pragraph


    <small>small<small>Example How We Apply </small>Example How We Apply
    <strike>strike<strike>Example How We Apply </strike>Example How We Apply
    <strong>strong<strong>Example How We Apply </strong>Example How We Apply
    <select> select <form>
    any text:<select name="">
    <option value=""> any option1 </option>
    <option value=""> any option2</option>
    </select>
    </form>
    any text:
    <textarea> textarea <form>
    <textarea rows="" cols="" name=""> any text </textarea>
    </form>
    <submit> submit <form>
    <input type="submit" name="" value="submit"/>
    </form>
    <reset> reset <form>
    <input type="reset" name="" value="reset"/>
    </form>
    <ul> unorder list <ul type="circle">
    <li>List option1</li>
    <li>List option2</li>
    </ul>
    List
    • List Option1
    • List Option2
    <table> table <table border="1"> <th>column1</th>
    <th>column2</th>
    <tr>
    <td>valu1</td>
    <td>value2</td>
    </tr>
    </table>
    column1column2
    value1value2