Simple Website using HTML

This will be your first website using HTML. We will make a simple looking website. It will have basic HTML tags and no CSS. We will look at heading tags, paragraph tags, styling tags, anchor tag, list tag and table tags.

The following code shows the basic html design. You can use the code and modify it. Save the file as index.html and load the website in a browser.

<!DOCTYPE html>
<html>
  <head>
  <meta charset = "utf-8">
  <meta name="viewport" content="width = device-width, 
        initial-scale=1">
  
  <title>My First Design</title>
  
  </head>
  <body>
    <h1>My First Website</h1>
    <h2>Html Tags</h2>
    <h3>Html Tags</h3>
    <h4>Html Tags</h4>
    <h5>Html Tags</h5>
    <h6>Html Tags</h6>
    <p>Paragraph separate contents</p>
    <p>
      Lorem Ipsum is simply dummy 
      text of the printing and 
      typesetting industry. Lorem 
      Ipsum has been the industry's 
      standard dummy text ever since 
      the 1500s, when an unknown 
      printer took a galley of type 
      and scrambled it to make a type
      specimen book. It has survived
      not only five centuries, but 
      also the leap into electronic 
      typesetting, remaining 
      essentially unchanged. It was 
      popularised in the 1960s with t
      he release of Letraset sheets 
      containing Lorem Ipsum passages, 
      and more recently with desktop 
      publishing software like Aldus 
      PageMaker including versions of 
      Lorem Ipsum.
    </p>
    <p>
      Lorem Ipsum is simply dummy 
      text of the printing and 
      typesetting industry. Lorem 
      Ipsum has been the industry's 
      standard dummy text ever since 
      the 1500s, when an unknown 
      printer took a galley of type 
      and scrambled it to make a type
      specimen book. It has survived
      not only five centuries, but 
      also the leap into electronic 
      typesetting, remaining 
      essentially unchanged. It was 
      popularised in the 1960s with t
      he release of Letraset sheets 
      containing Lorem Ipsum passages, 
      and more recently with desktop 
      publishing software like Aldus 
      PageMaker including versions of 
      Lorem Ipsum.
    </p>
      Lorem Ipsum is simply dummy 
      text of the printing and 
      typesetting industry.
      <br><br><br>
      Lorem Ipsum has been the industry's 
      standard dummy text ever since 
      the 1500s, when an unknown 
      printer took a galley of type 
      and scrambled it to make a type
      specimen book. <br><br>
      <b>It has survived</b><br><br>
      <i>not only five centuries,</i><br><br> 
      <u>but also the leap into </u><br><br>
      <em>electronic typesetting, remaining</em><br><br>
      <strong>essentially unchanged. It was</strong><br><br>
      popularised in the 1960s with t
      he release of Letraset sheets 
      containing Lorem Ipsum passages, 
      <hr>
      
      and more 
      <a href="http://mycodepartner.com" target="_blank">link</a>
      recently with desktop 
      publishing software like Aldus 
      PageMaker including versions of 
      Lorem Ipsum.<br>
      <img src="https://via.placeholder.com/150"><br>
      <!--
      
      <img src="cpp_logo.png" style="height:150px;">
      
      -->
      <ul>
        <li>First</li>
        <li>second</li>
        <li>Third</li>
        <li>Forth</li>
      </ul>
      <ol>
        <li>First</li>
        <li>second</li>
        <li>Third</li>
        <li>Forth</li>
      </ol>
      <ul>
        <li>First
          <ul>
            <li>One</li>
            <li>Uno</li>
            <li>ek</li>
          </ul>
        </li>
        <li>second</li>
        <li>Third</li>
        <li>Forth</li>
      </ul>
      
      <table border="1" cellpadding="10" cellspacing="5">
        <tr>
          <th></th>
          <th>Month</th>
          <th colspan="2">Rent</th>
          <th>Movie</th>
        </tr>
        <tr>
          <td rowspan="3">Months</td>
          <td>May</td>
          <td>1500</td>
          <td>200</td>
          <td>ABCD</td>
        </tr>
        <tr>
          <td>June</td>
          <td>1500</td>
          <td>200</td>
          <td>ABCD2</td>
        </tr>
        <tr>
          <td>July</td>
          <td>1500</td>
          <td>200</td>
          <td>ABCD3</td>
        </tr>
      </table>
  </body>
</html>

The output of the program is given below

output of the above program. html designs
output of the above program. html designs
output of the above program. html designs
output of the above program. html designs

One Reply to “Simple Website using HTML”

Leave a Reply

Your email address will not be published. Required fields are marked *