HTML important Basic Tag
This HTML Cheat Sheet contains useful code for web developer from this HTML cheat Sheet a web developer easily create a static website.
This HTML important Basic Tag useful code for web developer from this HTML basic tag a web developer easily create a static website.
HTML Important Basic Tag
Headings
<h1>Page title</h1> <h2>Subheading</h2> <h3>Tertiary heading</h3> <h4>Quaternary heading</h4>
Paragraph
<p >text</p>
<p align=”left”>text</p>
align=”left/ right/ center/ justify”
Bold text
<strong>Bold text</strong>
<b>Bold text</b>
Italic text
<i>Italic text</i>
Underlined text
<u>Underlined text</u>
Image
<img src=”/demo.jpg” alt=”description” height=”48″ width=”100″ />
Link(Anchor Tag)
<a href=”http://sensible-computers.com” target=”_blank”>Click here</a>
Anchor Tag (jump on page)
<a href=”#footer”>Jump to Footer</a>
<a name=”footer”></a>Footer Contect</a>
Comment
<!– HTML Comment –>
Horizontal Line
<hr />
Line break
<br />
Unordered list
<ul> <li>First</li> <li>Second</li> <li>Third</li> </ul>
Ordered list
<ol> <li>First</li> <li>Second</li> <li>Third</li> </ol>
Iframe
<iframe src=”http://sensible-computers.com” width=”200″ height=”200″></iframe>
Table
<table> <caption>Caption Title</caption> <thead> <tr> <th>Student Name</th> <th colspan=”2″>Student Phone</th> </tr> </thead> <tbody> <tr> <td>Ramu</td> <td>+91 (contact no)</td> <td>+91 (contact no)</td> </tr> <tr> <td>Harsh</td> <td>+91 (contact no)</td> <td>+91 (contact no)</td> </tr> </tbody> <tfoot> <tr> <td> </td> <td>Personal Contact</td> <td>Office Contact</td> </tr> </tfoot> </table>
Div Section
<div>Block element</div>
Form
<form action=”http://sensible-computers.com” method=”post”> Name: <input name=”name” type=”text” /> <br /> Age: <input max=”99″ min=”1″ name=”age” step=”1″ type=”number” value=”18″ /> <br /> <select name=”gender”> <option selected=”selected” value=”male”>Male</option> <option value=”female”>Female</option> </select><br /> <input checked=”checked” name=”newsletter” type=”radio” value=”daily” /> Daily <input name=”newsletter” type=”radio” value=”weekly” /> Weekly<br /> <textarea cols=”20″ name=”comments” rows=”5″>Comment</textarea><br /> <label><input name=”terms” type=”checkbox” value=”tandc” />Accept terms</label> <br /> <input type=”submit” value=”Submit” /> </form>
Example of Blank HTML Page
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <title>Page Title</title> <meta name=”description” content=””> <link rel=”stylesheet” type=”text/css” href=””> <script src=””></script> </head> <body> <!– Content –> </body> </html>