Skip to content

Latest commit

 

History

History
265 lines (174 loc) · 3.75 KB

html_cheatsheet.md

File metadata and controls

265 lines (174 loc) · 3.75 KB
Raw

Title: HTML-Cheatsheet

Description: Complete HTML cheetsheet for developer

created: 2022-10-22

Boiler plate for HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Header Tag

    <h1>Header Tag</h1>

italic Tag

    <i>Italic text</i>

Underlined Tag

    <u>Under Line</u>

Header Tag

    <h1>Header Tag</h1>

Bold Tag

      <b>Bold Tag</b>

Centre Tag

        <center>Center</center>

Paragraph Tag

  
       <p>Paragraph Tag</p>

Abbreivation Tag

       
    The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.attribute to show the
    description for the abbreviation/acronym when you mouse over the element.

Hr Tag

      <hr>

Select Tag And selected attribute

        <select>
        <option>HTML</option>
        <option>csc</option>
        <option selected>javascript</option>
        </select>

Pre Tag

        <pre>
        It's never too late to
        be what you 
        might've been.
        </pre>

Unordered list Tag

        <ul type="disc">
        <li>
            Information Technology
        </li>
        <li>
            Computer Science
        </li>
        <li>
            Electrical Engineering
        </li>

    </ul>

Ordered List Tag

         <ol type="a">
        <li>
            Information Technology
        </li>
        <li>
            Computer Science
        </li>
        <li>
            Electrical Engineering
        </li>
    </ol>

Fieldset and legend Tag

    <fieldset>
        <legend>My world</legend>
        <p>This is my world</p>
    </fieldset>

Table Tag

        <table border="2px;">
        <tr>
            <td>
                name
            </td>
            <td>
                roll
            </td>
        </tr>
        <tr>
            <td>
                Rahul
            </td>
            <td>
                12
            </td>
        </tr>
        <tr>
            <td>
                Rohit
            </td>
            <td>
                15
            </td>
        </tr>
    </table>

Anchor Tag

    <a href="https://www.google.com">Click on the link to open Google</a>

Image Tag

    
    <img src=" " style="width:150px; height:150px;">

Span Tag

    <p> Every day begins with <span style="color:blue">possibilities</span>.</p>

Bdo Tag

     
   <bdo dir="rtl">
        This text will go right-to-left.
    </bdo>

Form, input, button, textarea Tag

 <form>
        user name: <input name="username" type="text"></input><br>
        password :<input name="password" type="password" /></input><br>
        Gender :<input type="radio" name="gender">Male <input type="radio" name="gender"> Female<br>

        Email: <input name="email" type="email"></input><br>
        Address: <textarea name="address" rows="4" cols="50">Enter the Address</textarea><br>

        <button name="submit" type="button">Submit</button>
        <button name="reset" type="reset">reset</button>
    </form>

HTML entities

   <p>
     this is used to print symbol for copyright: &copy;
   </p>