MY ENTIRE HTML PRACTICE IN ONE PAGE

 DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 <main>
  <label for="101">
<input type="radio" value="XI" name="class" id="101"> XI
</label>
<br>
<br>
<label for="102">
<input type="radio" value="XII" name="class" id="102">class XII
</label>
<br>
<label for="MATH">
<input type="checkbox" value="MATH" name="subject" id="103"> MATH
</label>
<Br>
<label for="COMPUTER SCIENCE">
  <input type="checkbox" value="CS" name="subject" id="104"> COMPUTER SCIENCE
  </label>
  <br>
  <label for="PHY">
    <input type="checkbox" value="phy" name="subject" id="105"> PHY
    </label>
    <br>
    <label for="CHE">
      <input type="checkbox" value="che" name="subject" id="106"> CHE
      </label>
      <br><br> <br>
     <textarea name="FEEDBACK"  id="107">
      please give your feedback
     </textarea>
<br>
     <select name="City">
      <option value="CUTTACK">CUTTACK</option>
      <br>
<option value="BBSR">BBSR</option>
<br>
<option value="RKL">RKL</option>
<BR>
<option value="KND">KND</option>
<br>
<option value="KHR">KHR</option>
<br>
<form>
<input type="submit" value="submit">
</form>
     </select>
     <pre>
     
      <iframe width="560" height="315" src="https://www.youtube.com/embed/ww8HkoVe99M"
       title="YouTube video player" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen></iframe>
</pre>

<iframe width="560" height="315" src="https://www.wikipedia.org/">
  <video src="https://www.youtube.com/embed/ww8HkoVe99M"> my video
  </video>


  </video>
</iframe>
  <ul>
<li>Apple</li>
<ul>
  <li>color - RED</li>
</ul>
<li>Mango</li>
<ul>
  <li>COLOR - YELLOW</li>
</ul>
<li>orange</li>
<ul>
  <li>COLOR -ORANGE</li>
</ul>
  </ul>

  <ol>
  <li>Biscuit</li>
  <li>fruit</li>
  <li>juice</li>
  </ol>
  <caption>MY FIRST TABLE</caption>
  <table>
<tr>
<th>
  name
</th>
<th>Roll No</th>
<th>MARK</th>
</tr>
<tr>
<td>DEBADATTA</td>
<td>147</td>
<td>100</td>
</tr>


  </table>
<table>
  <tr>

<th colspan="2"/>
  POCKEMON</th>
<tr>
  <tr>
<td>ASH </td>
<td>PIKACHU</td>
  </tr>
  <tr>
<td>MISTY</td>
<td>PSYDUCK</td>
  </tr>
</table>
<form action="/action.php"  >
<input type="text" placeholder="ENTER POCKEMON"/>
<input type="time " placeholder="ENTRY time">
<input type="checkbox" placeholder="MATH" aria-placeholder="SCIence">
<input type="password" placeholder="ENTER password">
</form>


 </main>
  <div class=""></div>
  <header><pre><p>HEADING   </p></pre></header>
  <main><section>
    education; HSE CHSE ENGINEERING
  </section>
<section>EXPERIENCE  NO</section>
<article>MY story
  i am a middle class boy i want to be programer
</article>
<aside>I AM PAID FOR THIS AD</aside>

<div>
 
  HELLO BUDDY<br><P>HELLP</P>
<P>HUU
  <P>hii
    <P>koo</P>
  </P>
</P>
</div>
<div><p>bye bro</p></div>
  </main>
  <footer>its foot</footer>
  <a href="https://debadattaparida007.blogspot.com/" target="_main">NEW GOOGLE
    <img src="https://bcciplayerimages.s3.ap-south-1.amazonaws.com/ipl/IPLHeadshot2023/57.png" alt="DHONI">
  </a>
  <h1>hello world</h1>
 <h2>hello world</h2>
  <h3>hello</h3>
  <H4>hello</H4>
  <p>sample </p>
 <a href="https://debadattaparida007.blogspot.com/">BLOG</a>
 <br>
 <a href="https://studio.youtube.com/channel/UCPB4Fc88JPJEeYXa8vsS5Gg/">youtube studio</a>
 <br>
 <img src="https://bcciplayerimages.s3.ap-south-1.amazonaws.com/ipl/IPLHeadshot2023/57.png"
 alt="MSD" height="300" width="300"
 />
 <br>
 <b>DEBADATTA PARIDA</b>
 <br>
 <u>DEBADATTA PARIDA</u>
 <br>
 <i>DEBADATTA PARIDA</i>
 <br>
 <big>BIGGY MAN</big>
 <hr>
 <br>
 <small>SAMLLY</small>
 <hr>
 <p>H<sub>2</sub>O</p>
 <br>
 <hr>
 <p>A<sup>2</sup>+B<sup>2</sup></p>
<hr>
<pre>DEBADATTA      
  debadattaparida007
  debadattaparida007
</pre>
</body>
</html>

Comments

Popular posts from this blog

AMAZON HOME PAGE CLONE PROJECT

Array in Javascript

Array in function Javascript