सीधे कंटेंट पर जाएँ

CSV से वेब ऐप तक

शुरुआती~15 मिनट0/4 चरण

CSV से वेब ऐप तक

आप डेटा query करना जानते हैं। SQL में उसे काटना-छांटना जानते हैं। अब सीखिए उसे दिखाना कैसे है।

स्प्रेडशीट की टेबल दुनिया के लिए अदृश्य होती है। ब्राउज़र की टेबल एक प्रोडक्ट होती है। इस पाठ में आप एक इंटरैक्टिव HTML डेटा डैशबोर्ड बनाएंगे — sortable हेडर, रंग-कोडेड पंक्तियों और एक समरी पंक्ति के साथ — वह भी बिल्कुल शुरुआत से। न Python, न Pandas। सिर्फ़ HTML और Tailwind।

निर्देश

1

एक <h1> डैशबोर्ड शीर्षक जोड़ें — यह किस डेटा को दिखा रहा है?

संकेत: आज़माएं: `<h1 class="text-2xl font-bold text-white">प्रोडक्ट एनालिटिक्स</h1>`

इसे कहाँ लिखें?

इसे <body> के अंदर, बंद होने वाले </body> टैग से ठीक पहले लिखें।

2

कम से कम 3 कॉलम हेडर (<th>) वाले <thead> के साथ एक <table> जोड़ें

3

कम से कम 4 डेटा पंक्तियों (<tr>) वाला एक <tbody> जोड़ें — असली जैसे दिखने वाले आंकड़े भरें

4

सबसे नीचे एक कुल योग पंक्ति जोड़ें: हर कॉलम के bold योग के साथ <tr class="summary-row">

आपका कोड

html
21 लाइनें
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Live Preview

Live Preview