contact@sensibleacademy.com 7722899444

Blog Detail

  1. Home
  2. blogs

HTML important Basic Tag

By : Admin     |     learn html, basic of html, html cheat sheet, learn html step by step, html for beginners, web developement     |     30-08-2018

Types of Cascading Style Sheets (CSS) 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>&nbsp;</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>


Popular Posts