HTML मध्ये टेबल कसे तयार करावे

लेखक: Mark Sanchez
निर्मितीची तारीख: 28 जानेवारी 2021
अद्यतन तारीख: 1 जुलै 2024
Anonim
पाढे कसे तयार करावे | कोणत्याही मोठ्या संख्येचा पाढा तयार करण्याची सोपी पद्धत
व्हिडिओ: पाढे कसे तयार करावे | कोणत्याही मोठ्या संख्येचा पाढा तयार करण्याची सोपी पद्धत

सामग्री

HTML मध्ये टेबल तयार करणे खूप कठीण आहे. परंतु या लेखात वर्णन केलेल्या चरणांसह, आपण आपल्या साइटसाठी एक तयार करण्यास सक्षम असावे.

पावले

  1. 1 विंडोजवर नोटपॅड किंवा वर्डपॅड सारखा साधा वर्ड प्रोसेसिंग प्रोग्राम उघडा, किंवा मॅकवर टेक्स्ट एडिट उघडा.
  2. 2 आपण टेबलसमोर पाहू इच्छित असलेले सर्व मजकूर प्रविष्ट करा.
  3. 3 टेबल> टॅग प्रविष्ट करून HTML दस्तऐवजासाठी टेबलचा वापर परिभाषित करा.

  4. 4 एंटर दाबा.

  5. 5 Tr> tag वापरून पंक्ती सारणी उघडण्यासाठी टॅग प्रविष्ट करा.
  6. 6डावीकडून उजवीकडे उर्वरित सर्व घटक तयार करण्याचे लक्षात ठेवा.
  7. 7 एंटर दाबा.
  8. 8 Th> टॅग वापरून टेबल शीर्षकासाठी प्रारंभ टॅग प्रविष्ट करा.
  9. 9 आपण पहिल्या स्तंभासाठी वापरू इच्छित असलेले शीर्षक प्रविष्ट करा.
  10. 10 < / Th> टॅग वापरून टेबल हेडिंग एलिमेंटसाठी क्लोजिंग टॅग एंटर करा.
  11. 11 एंटर दाबा.
  12. 12 चरणांची पुनरावृत्ती करा (स्तंभांमध्ये वस्तूंची व्यवस्था करणे डावीकडून उजवीकडे).
  13. 13 </tr> टॅग टाकून ही ओळ बंद करा.
  14. 14 एंटर दाबा.
  15. 15 दुसर्या tr> टॅगसह दुसरी ओळ सुरू करा.
  16. 16 एंटर दाबा.
  17. 17 Td> टॅग वापरून टेबल डेटा टॅग प्रविष्ट करा.
  18. 18 आपण प्रत्येक फील्डमध्ये समाविष्ट करू इच्छित टेबल डेटा प्रविष्ट करा.
  19. 19वर दाखवलेल्या स्तंभांमधील डेटा भरून डावीकडून उजवीकडे काम करा.
  20. 20 </dd> टॅगसह प्रत्येक इनपुट बंद करा.
  21. 21 आपल्याकडे असलेल्या सर्व टेबल डेटासाठी पुन्हा करा.
    • ज्या पेशींसाठी तुम्हाला काहीही प्रविष्ट करण्याची आवश्यकता नाही, तेथे td> आणि td> आणि त्या दरम्यान काहीही प्रविष्ट करा. हे इतर दोन फील्डमधील फील्डसाठी खूप उपयुक्त ठरेल.
  22. 22 प्रत्येक ओळ दुसर्या / tr> टॅगसह बंद करा.
  23. 23 प्रत्येक ओळी एकत्र होईपर्यंत tr> आणि / td> ओळींच्या व्यतिरिक्त प्रत्येक ओळ खाली पुन्हा करा.
  24. 24 टेबल < / table> टॅगसह बंद करा.
  25. 25 उर्वरित दस्तऐवजासाठी आवश्यक असलेला खालील HTML मजकूर प्रविष्ट करा.

टिपा

  • प्रत्येक ओळीतून इंडेंट करा जेणेकरून आपण आपल्या कोडमध्ये काय करण्याचा प्रयत्न करीत आहात हे समजू शकेल.

चेतावणी

  • जर तुम्ही चुकून डेटाचे बरेच स्तंभ प्रविष्ट केलेत जेथे टेबल शीर्षक नाही, तरीही ते दाखवले जातील, परंतु ते थोडे मूर्ख दिसतील आणि वाचकाला ही माहिती कशासाठी आहे हे समजणार नाही.
  • एचटीएमएल पृष्ठावर टेबल्स बांधणे ही एक अवघड प्रक्रिया आहे. प्रथम, बाह्य डेटा कसा दिसतो हे पाहण्यासाठी सराव करा, नंतर ब्राउझ करा आणि नवीन टेबल त्याच्या जागी ठेवा.
  • एचटीएमएल टेबल कोड प्रगत एचटीएमएल कोडर्ससाठी उत्तम सोडला जातो. तथापि, आपण या सूचनांचे अनुसरण केल्यानंतर, आपण देखील त्यापैकी एक व्हाल.