कसे HTML टेबल करण्यासाठी. रंग टेबल

नवीन वेबमास्टर अनेक आव्हानांना तोंड द्यावे लागते आहे. हे आज आम्ही आपल्या स्वत: च्या वेब साइट टेम्पलेट तयार करण्यासाठी वापरू शकता वाटते होईल, पण समस्या आहे, ते नेहमी इच्छित गुणधर्म नाही, आणि नंतर एकतर सुरवातीपासून एक वेबसाइट डिझाइन तयार करण्यासाठी, किंवा इतर विद्यमान कोड बदल करतात. आणि मग तो HTML-कोड आणि पार्श्वभूमीतील रंग व पान कसे सेट करण्यासाठी, एक चित्र किंवा एक व्हिडिओ घालण्यासाठी, HTML मध्ये एक मेज बनवावे किमान कल्पना ज्ञान आवश्यक आहे.

टेबल वर काम सुरू

मार्कअप HTML-पृष्ठे सर्वात कठीण गोष्टी एक - टेबल. समस्या टॅग, जे, खरं तर, लक्षात खूप अवघड नाही अवघडपणा नाही, आणि कोड लिहून, तेव्हा आपण सहजपणे एक चूक करू शकता - अतिरिक्त ओळ किंवा सेल नोंदणी मजकूर प्रविष्ट करा आवश्यक आहे जेथे जात नाही विसरू, आणि इतर trifles . , आणि अधिक टेबल मोठे चूक करीत शक्यता.

त्यामुळे HTML मध्ये सारणी तयार करण्यासाठी सुरू, आम्ही जास्तीत जास्त लक्ष केंद्रित करणे आणि त्यांची शिफारस नाही आपले लक्ष विचलित होऊ.

प्रथम, आम्ही चिन्हांकित सेल मध्ये आपण होईल की, तसेच स्वत: साठी आवर्जून दखल घेण्यासारखे एक विशिष्ट घटक मूलभूत घटक एक कागद वर भावी टेबल काढू नये.

खालील तक्ता पंक्तींची संख्या आणि प्रत्येक ओळीत सेलची संख्या गणना आहे. तसेच आम्ही अशा टेबल प्रतिमा उपस्थिती, आयटम लक्षात ठेवा शिफारस पार्श्वभूमी रंग, चौकट, मजकूर. तरच आपण संचयित माहिती वापरून एक HTML टेबल तयार करण्यासाठी सुरू करू शकता.

संपादक

त्यामुळे आपण एक लेआउट सारणी तयार केला आहे. आता आम्ही तो तयार करण्यासाठी योग्य संपादक निवडा आहे. आपण विशिष्ट साइट निवडू शकता, आणि डिझाइनर त्यांना एक टेबल करण्यासाठी. हे सॉफ्टवेअर वापरून, सारणी तयार वर्ड मध्ये सोपे आहे. आपण फ्रंटपेज सारखे कार्यक्रम निवडू शकता. कार्यक्रम जोरदार जुना आहे की असूनही, तो चांगला वेबसाइट तयार करण्यासाठी तो एक प्रशिक्षण पेक्षा अधिक आढळू शकते वर याशिवाय मदत करू शकता.

आपण हे उद्देश आणि एक सामान्य नोटबुक किंवा नियमित वर्ड वापरला जाऊ शकतो की एक विशेष कोड वापरून HTML टेबल तयार करू इच्छित असल्यास. मात्र, येथे आपण कोड लिहून लांब होईल म्हणून मेहनत घ्यावी लागेल.

आपण सॉफ्टवेअर इंजिन स्वतः मध्ये तयार संपादक वापरू शकता. त्यामुळे, आपण अनेक इंजिन मध्ये एक रेकॉर्ड तयार करताना टेबल विविध घटक, समाविष्ट करण्याची क्षमता पुरवतो. जरी आपण नाही समाधानी मूलभूत वैशिष्ट्ये संपादक, करा कोड बदल स्क्रॅच पासून लिहून पेक्षा सोपे होईल.

टॅग

तुम्ही कोणतीही HTML मध्ये सारणी तयार करण्यासाठी सुरू करण्यापूर्वी संपादक आपण कसा वापर करेल, आपण मूलभूत टॅग लक्षात ठेवले पाहिजे. या तिघांनाही - <टेबल>, आणि . लक्षात ठेवा की सर्व टॅग जोडलेल्या आहेत. प्रथम टेबल, संपूर्ण टॅग प्रतिनिधित्व एक दुसरी ओळ, तृतीय व्याख्या - सलग आत सेल.

टॅग प्रत्येक थोडे अधिक. टेबल नेहमी टॅग <टेबल> सुरू होतो आणि संपत आहे. कोणतीही ब्राउझर त्याच्या समोर एक टेबल आहे काय प्रतीक आहे. पुढील विहित उघडेल की टॅग आणि समाप्त ओळी. प्रत्येक ओळीत, टॅग वापरून आणि सेलची संख्या निर्धारित.

त्यामुळे, 2x2 टेबल कोड दिसेल:

<टेबल>

HTML-कोड पृष्ठे सारणी घाला निवडले संपादक कॉपी केले जाऊ शकते.

घटक, पंक्ती आणि पेशी टेबल

म्हणून, आम्ही मूलभूत कोड चर्चा केली. आता टेबल कसे सुधारण्यासाठी हे उजळ आणि अधिक आकर्षक बनविण्यासाठी, चर्चा करू. हे करण्यासाठी, आपण टॅग मूलभूत घटक माहित असणे आवश्यक आहे. ते प्रत्येक घटक समान ज्यात, एक प्रारंभ टॅग लिहिले आहेत, आणि नंतर त्याचे मूल्य कोट घेतले नोंदणी करत असतो. उदाहरणार्थ, HTML टेबल मध्ये एक पार्श्वभूमी व्याख्या अशी आहे: <टेबल पार्श्वरंग = «#FFFFFF»>.

आम्ही आपल्याला उपयोगी होईल की काही मूलभूत घटक यादी. च्या टेबल स्वतः सह प्रारंभ करू या.

इतका, कोणत्याही सांख्यिकीय मूल्य लागू शकतात, सीमा रूंदी घटक सीमा मदत सेट करण्याची. सीमा रंग bordercolor सेट करते. सामान्य पार्श्वभूमी सेट पार्श्वरंग.

आपण टेबल पार्श्वभूमी चित्र करू इच्छित असल्यास, आपण URL नमुना निश्चित केले पाहिजे या प्रकरणात वापरले जाते पार्श्वभूमी, वापरा.

डावीकडे, मध्य आणि उजवे सेट केले जाऊ शकते जे टेबल घटक सुमारे पृष्ठ संरेखित होईल, सामुग्री संरेखित करा.

शीर्षक टॅग उघडणे टॅग <टेबल> नंतर लगेच नोंदणी जोडी <मथळा> मदत होईल सेट करा.

मापदंड एक बिट स्ट्रिंग. सलग पेशी रंग पार्श्वरंग वापरून केले. मजकूर संरेखन आडव्या घटक संरेखित करा (बाकी, केंद्र किंवा उजवीकडे) वापर केला जाऊ शकतो, उभ्या - valign (वरच्या मूल्ये असे गृहीत धरते, मध्यम किंवा तळ).

सेल संबंधित पार्श्वभूमीतील रंग व पार्श्वभूमी नमुना संपूर्ण टेबल प्रमाणेच घटकांमुळे ते देण्यात आले आहे की नोंद केली जाऊ शकते. मजकूर आपण संरेखित करा आणि valign मापदंड वापरू शकता संरेखित करा.

colspan आणि rowspan - देखील विशिष्ट सेटिंग्ज आहेत. प्रथम सेल लांबू, स्तंभांची संख्या सेट करू शकता. दुसरा पंक्ती दिलेली सेल वाढू शकते जे संख्या निर्दिष्ट करते.

सर्व अधिक उपयुक्त पर्याय आहे.

रंग टेबल

रंग टेबल अशा उपयुक्त गोष्टी बद्दल काही शब्द असे म्हणू नये. पृष्ठ पार्श्वभूमी मदतीने सेट आहे, मजकूर, दुवे आणि इतर घटक रंग. रंग टेबल 216 रंग आहे. त्यांना प्रत्येक त्याच्या स्वत: च्या हेक्स कोड आहे.

कोड स्वतः एक पाउंड चिन्ह सुरु होते आणि अंक किंवा अक्षरे तीन जोड्या यांचा समावेश आहे. उदाहरणार्थ, टेबल मध्ये हिरवा रंग कोड # 007F0 आहे. लाल, हिरवा आणि निळा - प्रत्येक जोडी तीन प्राथमिक रंग एक तीव्रता प्रतिनिधित्व करतो. टेबल वापरून, आपण इच्छुक रंग निवडा आणि कोड वापरून सेट करू शकता.

आपण टेबल वापरू शकत नाही तर, आपण इंग्रजी मध्ये नाव वापरुन रंग सेट करू शकता.

सामग्री

सामग्री बद्दल काही शब्द. अर्थात, बहुतेकदा आम्ही HTML टेबल मजकूर पाहू शकता, पण तो फक्त आम्ही तेथे लावू शकता आहे की याचा अर्थ असा नाही. आणि सेल ओळी सुद्धा असू शकतात चित्रे, ऑडिओ आणि व्हिडिओ फायली, दुवे.

मजकूर किंवा सेल (ओळ) कोणत्याही इतर माहिती ठेवा करण्यासाठी, दोन टॅग्ज दरम्यान निश्चित केले पाहिजे. उदाहरणार्थ: नाव . तो प्रदर्शित होईल सेल मध्ये "नाव".

, <ऑडिओ> आणि <व्हिडिओ> - विशेष टॅग वापरून ग्राफिक माहिती आणि मीडिया फाइल्स ठेवा.

टिपा

शेवटी आपण त्वरीत कोणत्याही अवघडपणा एक HTML टेबल तयार करण्यात मदत करण्यासाठी काही उपयुक्त टिप्स देऊ.

लिहिताना टेबल की आपण प्रथम स्वत: नोंदणी शिफारस मेज व त्याचे मुख्य घटके टॅग. मग ओळी टॅग यादी. प्रत्येक जोडी एक नवीन ओळ सुरू. त्यामुळे आपण आपल्या टेबल किती ओळी दिसेल. ते मूलभूत वेगळे तर, पंक्ति किंवा पंक्ती घटके यादी. नंतर आम्ही प्रत्येक सेल एक नवीन ओळ म्हणून नोंदणी करण्यासाठी सुरू करण्यासाठी. तो धार पासून एक किंवा दोन सोडण्यावर टॅब करणे इष्ट आहे. त्यामुळे, आपण जोरदार स्पष्टपणे कोड रचना दिसेल.

पेशी आणि पंक्ती सामग्री टेबल फ्रेम तयार आहे, तेव्हा लवकर शेवटी म्हणून नोंदणी करण्याचा सल्ला दिला.