Published on

Html in 5 Minutes

656 words4 min read
Authors
html
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>A Basic HTML Page</title>
  </head>
  <body>
    <!-- HTML headings-->
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>

    <!-- HTML paragraghs-->
    <p>This is a paragraghs</p>
    <p>This is another paragraghs.</p>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dicta impedit
      inventore non provident debitis ipsam molestias. Labore, officiis ab
      recusandae, aspernatur mollitia maxime nisi rem quod, nobis nam quibusdam.
    </p>

    <!-- HTML links-->
    <a href="http://www.google.com">Google</a>

    <!-- HTML new line-->
    <br>
    First Line
    <br>
    Second Line
    <br>

    <!-- HTML images-->
    <img src="basic.jpg" alt="" width="30%" height="30%">
    <img src="basic.jpg" alt="" width="100" height="100">

    <!-- HTML lists-->
    <!-- UNORDERED list-->
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ul>
    <!-- ORDERED list-->
    <ol>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ol>

    <!-- HTML tables-->
    <table border="1">
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
        <tr>
            <td>Row 1 Col 1</td>
            <td>Row 1 Col 2</td>
            <td>Row 1 Col 3</td>
        </tr>
        <tr>
            <td>Row 2 Col 1</td>
            <td>Row 2 Col 2</td>
            <td>Row 3 Col 3</td>
        </tr>
    </table>
  </body>
</html>