What is Forms, Tables and Lists Explained in HTML

Agar aap HTML seekh rahe ho, toh Forms, Tables, aur Lists teen important elements hain jo aapko zaroor aane chahiye. Ye teenon web development me bahut use hote hain. Chaliye, inka simple aur clear explanation dekhte hain.

Forms in HTML – User Input ka Gateway

Form ek HTML element hota hai jiske through user data submit kar sakta hai, jaise ki name, email, feedback, login details, etc.

Basic HTML Form ka Example:

<form>

  <label>Name:</label>

  <input type=”text” name=”name”><br><br>

  <label>Email:</label>

  <input type=”email” name=”email”><br><br>

  <input type=”submit” value=”Submit”>

</form>

Important Form Elements:

  • <input> – Text, email, password, etc.
  • <textarea> – Lamba text input ke liye
  • <button> – Submit ya reset karne ke liye
  • <select> – Dropdown banane ke liye

Forms in HTML – User Input ka Gateway

Table ka use tab hota hai jab hume data ko rows aur columns me show karna hota hai. Jaise school ki marksheet, product list, etc.

Basic HTML Table ka Example:

<table border=”1″>

  <tr>

    <th>Name</th>

    <th>Age</th>

    <th>City</th>

  </tr>

  <tr>

    <td>Rahul</td>

    <td>25</td>

    <td>Lucknow</td>

  </tr>

  <tr>

    <td>Priya</td>

    <td>22</td>

    <td>Delhi</td>

  </tr>

</table>

Important Table Tags:

  • <table> – Table start karta hai
  • <tr> – Table row
  • <th> – Table heading (bold hoti hai)
  • <td> – Table data (normal cells)

Lists in HTML – Items ko Line by Line Show Karna

Lists ka use items ko ek sequence ya points ke form me dikhane ke liye hota hai. Lists do tarah ki hoti hain – ordered aur unordered.

Ordered List (Numbered):

<ol>

  <li>HTML</li>

  <li>CSS</li>

  <li>JavaScript</li>

</ol>

Unordered List (Bullets):

<ul>

  <li>Pizza</li>

  <li>Burger</li>

  <li>Pasta</li>

</ul>

Extra List Type:

  • <dl> – Description List
  • <dt> – Term (Title)
  • <dd> – Description

Leave a Reply

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

You have been successfully Subscribed! Ops! Something went wrong, please try again.

About Us

Techy Notes पर पाएँ आसान हिंदी में computer notes in hindi और IT company interview questions, जिससे तैयारी हो असरदार और आसान हर छात्र के लिए।

Recent news

  • All Post
  • Career Guidance
  • Interview
  • Jobs
  • Notes
  • Taja Khabar
  • Technology

© 2024 Created By Himanshu Nigam