Part 1 मा हामीले HTML के हो र सानो पेज कसरी बनाउने भनेर बुझ्यौँ।
Part 2 मा ट्याग, structure, र आधारभूत elements सिक्यौँ।
अब Part 3 मा, HTML ले कसरी मानिससँग कुरा गर्छ,
कसरी प्रयोगकर्ताबाट जानकारी लिन्छ,
र कसरी डाटा तालिकामा देखाउँछ — त्यो बुझौँ।
HTML ले मानिससँग कसरी “बोल्छ” ?
HTML आफैं बोल्दैन।
तर जब तपाईं:
- Form बनाउनुहुन्छ
- Table मा जानकारी देखाउनुहुन्छ
- Button राख्नुहुन्छ
तब त्यो वेबसाइट मानिससँग संवाद गर्न थाल्छ।
जस्तै:
“तपाईंको नाम के हो?”
“कुन कक्षा पढ्नुहुन्छ?”
“दर्ता गर्नुहोस्”
यी सबै HTML बाट सम्भव छन्।
HTML Form — प्रयोगकर्ताबाट जानकारी लिने तरिका
Form भनेको:
“भर्नुपर्ने कागज” जस्तै हो।
उदाहरण:
<form>
<label>नाम:</label><br>
<input type="text"><br><br>
<label>कक्षा:</label><br>
<input type="number"><br><br>
<input type="submit" value="पठाउनुहोस्">
</form>
ट्याग बुझौँ:
| ट्याग | काम |
|---|---|
<form> |
फारम सुरु |
<input> |
लेख्ने ठाउँ |
type="text" |
अक्षर लेख्न |
type="number" |
नम्बर लेख्न |
type="submit" |
बटन |
गाउँको उदाहरण:
विद्यालयमा भर्ना फारम = HTML Form
Table — तालिकामा जानकारी देखाउने
Table भनेको:
कागजमा बनाएको तालिका जस्तै।
उदाहरण:
<table border="1">
<tr>
<th>नाम</th>
<th>कक्षा</th>
</tr>
<tr>
<td>राम</td>
<td>१०</td>
</tr>
<tr>
<td>सीता</td>
<td>९</td>
</tr>
</table>
बुझौँ:
| ट्याग | अर्थ |
|---|---|
<table> |
तालिका |
<tr> |
पंक्ति |
<th> |
शीर्षक |
<td> |
डेटा |
Button — प्रयोगकर्तालाई केही गराउने
<button>यहाँ थिच्नुहोस्</button>
यो बटनले HTML लाई “interactive” बनाउँछ।
गाउँको Practical Website (Form + Table)
<!DOCTYPE html>
<html>
<head>
<title>विद्यालय दर्ता</title>
</head>
<body>
<h1>विद्यार्थी दर्ता</h1>
<form>
नाम: <input type="text"><br><br>
कक्षा: <input type="number"><br><br>
<input type="submit" value="दर्ता गर्नुहोस्">
</form>
<h2>हालका विद्यार्थी</h2>
<table border="1">
<tr>
<th>नाम</th>
<th>कक्षा</th>
</tr>
<tr>
<td>राम</td>
<td>१०</td>
</tr>
</table>
</body>
</html>
यसले सानो “विद्यालय दर्ता सिस्टम” बनाइदिन्छ।
HTML अझै किन महत्त्वपूर्ण छ?
HTML बिना:
- Website देखिँदैन
- Form चल्दैन
- Data देखिँदैन
HTML भनेको:
इन्टरनेटको कागज र कलम हो।
Part 3 बाट के सिक्यौँ?
✅ HTML Form
✅ Table structure
✅ Button प्रयोग
✅ मानिससँग संवाद गर्ने वेबसाइट
✅ गाउँमै काम लाग्ने सिस्टम
अर्को भाग (Part 4) मा के आउँछ?
HTML + CSS मिलाएर सुन्दर डिजाइन बनाउने
Comments
No comments yet. Be the first to comment!