index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Task 1</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h3 class="a" >Alcheringa WebOps</h3>
    <a class="btn" href="#">Search something here</a>
    <h3 class="b">Home  About  Contact</h3>
    <hr>
    <div class="middle-container">
      <div id="abc" >
        <h1 id="l">Lorem Ipsum Dolor  </h1>
        <span id="l1">
          <h1 >Lorem Ipsum</h1>
        </span>

      </div>

      <h3 class="lorem">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac eleifind sapien. In ac arcu nec diam tincidunt cursus. </h3>
      <h3 class="lorem1">Pellentesque quis tortor sit amet erat condimentum molestie ut nec sapien.</h3>
      <button onclick='document.getElementById("abc").innerHTML="you have clicked button 1"'class="btn1" >Button 1</button>
      <button onclick='document.getElementById("abc").innerHTML="you have clicked button 2"'class="btn2">Button 2</button>

    </div>
    <div class="bot">
      <div class="bottom">
        <strong>HTML Formatting:</strong>
        <em>This is an italic text</em>
        <div class="bc">
          This text is <div class="ab">
            highlighted
          </div>
        </div>
        <div class="">
          This is a <sub>subscript</sub> and a <sup>superscript</sup>

        </div>
        <div class="">
          "This is a quotation"

        </div>
        <div class="">
          <s>This is done throught del tag</s>

        </div>
        <strong>HTML  Table</strong>
        <table>
          <tr>
            <th>Company</th>
            <th>Contact</th>
            <th>Country</th>
          </tr>
          <tr>
            <td>Alfreds Futterkiste</td>
            <td>Maria Anders</td>
            <td>Germany</td>
          </tr>
        </table>


      </div>


    </div>
    <p class="ifrm">HTML Iframes</p>
    <div class="iframe">

      <iframe src="http://alcheringa.in/" width="350" height="200"></iframe>
    </div>
    <!-- <br> -->
    <img  src="https://rukminim1.flixcart.com/image/416/416/k4324y80/wallpaper/t/e/m/61-91-5-vp-wp1826-2436-art-amori-original-imafn2u6hgdrzzd6.jpeg?q=70" alt="nature-img">
    <a href="#">Facebook</a>
    |
    <a href="#">Instagram</a>
    |
    <a href="#">Youtube</a>

  </body>
</html>