HTML में टेबल कैसे ड्रा करें

विषयसूची:

HTML में टेबल कैसे ड्रा करें
HTML में टेबल कैसे ड्रा करें

वीडियो: HTML में टेबल कैसे ड्रा करें

वीडियो: HTML में टेबल कैसे ड्रा करें
वीडियो: 25: HTML और CSS में तालिका | टेबल्स कैसे बनाएं | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस ट्यूटोरियल 2024, नवंबर
Anonim

HTML एक पेज मार्कअप भाषा है जिसका उपयोग इंटरनेट पर वेबसाइटों को होस्ट करने के लिए किया जा सकता है। इस मामले में दस्तावेज़ को प्रारूपित करने के लिए, टैग का उपयोग किया जाता है - विवरण तत्व।

HTML में टेबल कैसे ड्रा करें
HTML में टेबल कैसे ड्रा करें

ज़रूरी

  • - संगणक;
  • - "नोटपैड" कार्यक्रम;
  • - एचटीएमएल के साथ काम करने में कौशल।

अनुदेश

चरण 1

अपना पृष्ठ खोलें जहां आप नोटपैड का उपयोग करके HTML में एक तालिका जोड़ना चाहते हैं। ऐसा करने के लिए, संदर्भ मेनू लाने के लिए फ़ाइल पर राइट-क्लिक करें, "ओपन विथ" विकल्प चुनें। तालिका को साइट में जोड़ने के लिए बॉडी टैग में किसी स्थान का चयन करें।

चरण 2

तालिका को Html में रखने के लिए… टैग का उपयोग करें। यह मुख्य टैग है जो तालिका का वर्णन करता है। इसके सभी तत्व उद्घाटन और समापन टैग के बीच स्थित होने चाहिए। डिफ़ॉल्ट रूप से, तालिका विभाजकों और सीमाओं के बिना बनाई जाती है। सीमा विशेषता का उपयोग करके आवश्यकतानुसार सीमा जोड़ें। ऐसा करने के लिए, इसे तालिका टैग के अंदर डालें और सीमा की चौड़ाई के लिए एक संख्यात्मक मान जोड़ें, उदाहरण के लिए, तालिका में एक पंक्ति। ऐसा करने के लिए, … टैग का उपयोग करें, लाइनों की संख्या इसके जोड़े की संख्या से निर्धारित होती है। … टैग का उपयोग करके सेल विवरण जोड़ें। सेल को केवल रो टैग के अंदर रखें, इसमें उस कॉलम (कॉलम) की संख्या जोड़ें जिसमें इसे रखा गया है।

चरण 4

सेल में टेक्स्ट का स्थान एलिघ (बाएं, दाएं, केंद्र) की विशेषताओं का उपयोग करके निर्धारित किया जाता है - क्षैतिज रूप से टेक्स्ट का स्थान निर्धारित करता है, और वैलिग्न (मध्य, नीचे, ऊपर) - सेल में डेटा के प्लेसमेंट को लंबवत रूप से निर्धारित करता है। यह विवरण व्यक्तिगत सेल और पूरी पंक्ति दोनों के लिए जोड़ा जा सकता है।

चरण 5

कक्षों को क्षैतिज रूप से और Rowspan को लंबवत रूप से मर्ज करने के लिए Colspan विशेषता का उपयोग करें। तालिका कोड का एक उदाहरण: "तालिका का नाम" "मर्ज की गई पंक्ति का नाम" "पहले कॉलम का नाम" "दूसरे कॉलम का नाम" "दूसरी पंक्ति" "दूसरी पंक्ति की दूसरी सेल" "दूसरे की तीसरी सेल" पंक्ति"।

सिफारिश की: