HTML तालिका प्रयोग

HTML मा, त्यहाँ यति धेरै तत्व हो, र तिनीहरूलाई प्रत्येक आफ्नै तरिकामा अद्वितीय छ। तालिका - धेरै, रोचक लोकप्रिय र गम्भीर विषय। उनको लागि धन्यवाद, तपाईं मात्र एक सुविधाजनक फारम मा जानकारी प्रदान गर्न सक्दैनौं, तर पनि एउटा साइट रूपरेखा निर्माण गर्न।

पहिले, लगभग सबै वेबमास्टरों लेआउट लागि टेबल साइटहरु छ प्रयोग गर्नुहोस्। सुरुमा, तालिका यो अप आउँछन्। तसर्थ, हामी साइट चिनो एक ब्लक div तत्व प्रयोग गर्नुपर्छ।

तपाईं जहिले पनि साईट रहन चाहनुहुन्छ भने, सही ढङ्गले सबै गर्न तुरुन्तै प्रयोग। यो भाषा HTML मा धेरै महत्त्वपूर्ण छ। तालिका मात्र सामान्य जानकारी (पाठ, लिंक, सूचीहरू, चित्र, र यति मा। पी), र एक सम्पूर्ण रूपमा सम्पूर्ण साइट राखिएको हुनुपर्छ।

तालिका HTML कसरी बनाउने?

तालिका - एक जटिल तत्व अन्य तत्व को एक ठूलो संख्या हुन्छन् जो। कक्षहरू वा पङ्क्तिहरू सिर्जना गर्दा सधैं तुरुन्तै ट्याग बन्द राख्नुपर्छ भनेर नबिर्सनुहोस्। अन्यथा यो उड हुनेछ। ब्राउजरमा सञ्चालनकर्ता त्यो पाता सम्म, सबै कुरा तालिकामा समावेश गर्न जारी हुनेछ, तत्व को अन्त खोज्न र हुनेछ। परिणाम porridge हुनेछ।

तपाईं "नोटप्याड" मा एक वेबसाइट लेख्न भने सबै आफ्नो हात संग गर्न हुनेछ। "सम्मिलित तालिका", "सम्मिलित छवि" र यति मा - अन्तिम सम्पादकमा भने, त्यहाँ प्राय बटन छ।

उदाहरण 2 तालिका 2।

<तालिका width = "100%" सीमा = "1">

पहिलो सेल को पहिलो लाइन को लागि पाठ

पहिलो सेल को दोस्रो लाइन को पाठ

दोस्रो पङ्क्ति को पहिलो सेल को पाठ

दोस्रो पङ्क्ति को दोस्रो सेल को पाठ

ट्याग <तालिका> र तालिका को शुरुवात र अन्त्य संकेत गर्छ। ट्याग र - शुरुवात र लाइन को अन्त्य। एउटै लाइन मा ट्याग र द्वारा परिभाषित छन् कक्षहरूको कुनै पनि नम्बर हुन सक्छ।

मुख्य नियम छ: प्रत्येक पंक्ति मा कक्षहरू संख्या नै हुनुपर्छ। यो तालिका छ।

तर, शब्द र Excel सम्पादक जस्तै, कक्षहरू प्रत्येक अन्य संग संयुक्त गर्न सकिन्छ।

कसरी तालिकामा कक्षहरू संयोजन गर्ने?

संयोजन र प्रयोग Colspan रोस्पैन विशेषताहरू। Span "आवरण" वा "अतिव्यापी" को रूपमा अनुवाद गरिएको छ। शाब्दिक अर्थ - ढाक्न / कक्ष / पङ्क्ति बन्द गर्नुहोस्।

यो विशेषता को मूल्य धेरै पङ्क्ति वा कक्षहरू अवरूद्ध हुनेछ कसरी उल्लेख गर्नु पर्छ। निम्न प्रयोग गरेर को उदाहरणद्वारा उदाहरण हो HTML विशेषताहरू तालिकामा।

यो उदाहरण मा, पहिलो लाइन 3 विशेषता colspan = "3" को प्रयोग गरेर कक्षहरू pooled। त्यसपछि दोस्रो स्ट्रिङ पहिलो सेल चार पङ्क्तिहरू मा फैलयो। कि खण्डका सम्झना / मात्र पहिलो कक्षमा संयोजन। उनको सम्पत्ति मा फैलाउन छ। सबै भन्दा पहिले आउने, प्रभावित हुनेछ।

के तपाईं 2 देखि 4 मर्ज गर्न चाहनुहुन्छ 5 कक्षहरू छ भने, त्यसपछि तपाईं सेल नम्बर 2 मा बस आवश्यक विशेषता colspan = "3" निर्दिष्ट गर्नुहोस्।

माथिको आंकडा मा स्लट नम्बर 9 याद गर्नुहोस्। त्यहाँ तुरुन्तै pooled र कक्षहरू र पङ्क्तिहरू। यस्तो कार्यहरू निषेधित छैन।

जानकारी सुरक्षित गर्न अर्को उदाहरण हेर्नुहोस्। केही भ्रमित र कक्षहरू कहिलेकाहीं संयुक्त पङ्क्ति सट्टा विशेषताहरु देखि।

तालिका स्वरूप

HTML को एक साधारण, मानक मामला लिनुहोस्। तालिका दुई कक्षहरू प्रत्येक दुई पंक्तिहरू।

निम्नानुसार कोड को हुनेछ।

तपाईं देख्न सक्नुहुन्छ रूपमा, त्यहाँ कुनै प्रभाव हो। तपाईं एक फ्रेम थप्न सक्नुहुन्छ चौडाई तथा उचाइ निर्दिष्ट गर्नुहोस्।

तपाईं पनि पङ्क्तिबद्ध खेल्न सक्छ। यो उचाइ र चौडाइ दुवै मा पङ्क्तिबद्ध गर्न सकिन्छ।

तेर्सो पंक्तिबद्ध align र valign - ठाडो। त्यो यस्तो परिणाम।

विशेषताहरु align र valign सम्पूर्ण लाइन लागू गर्न सकिन्छ। तब यो हो सबै कक्षहरू यी गुणहरू विषय हुनेछ।

ट्याग साथै र , एक अतिरिक्त ट्याग <औं> छ। वास्तवमा यो एक एनालग छ, तर यो मात्र पहिलो पङ्क्ति र शीर्षक छ प्रयोग गरिएको छ। द्वारा पूर्वनिर्धारित, यो <औं> केन्द्रित छ र बोल्ड मा पाठ।

कसरी तालिका शैलीहरू जडान गर्न?

कुनै पनि जस्तै ट्याग, HTML, तालिका शैलीहरू को माध्यम द्वारा परिवर्तित गर्न सकिन्छ। तपाईं टाउको मा शैली फाइल निर्दिष्ट गर्न आवश्यक <लिंक rel = "शैलीपाना" href = http: // साइट /article/255972/%E2%80%9Cstyle.css%E2%80%9D प्रकार = "text / CSS"> वा तयार शैली (टाउको मा भने)।

<टाउको>

...

<शैली प्रकार = "text / CSS ">

तालिका {

फन्ट-परिवार: भेर्डाना, एरियल, हेलवेटिका, sans-serif;

रंग: # 000000;

}

.my_class

{

रंग: # 666666;

}

...

तपाईं तालिका निर्दिष्ट भने, त्यसपछि यो शैली पृष्ठमा सबै टेबल लागू हुनेछ। बिल्कुल सबैलाई। तर, तपाईं एक डट संग एक मनपरी नाम संकेत जो दोस्रो विधि, प्रयोग गर्नुहुन्छ भने, त्यसपछि यो शैली कुनै पनि इच्छित तालिकामा, अन्य प्रभावित छैन गर्दा लागू गर्न सकिन्छ।

<तालिका वर्ग = "my_class">

कृपया याद गर्नुहोस् कि कक्षाहरू तालिका लागि ट्याग र विशिष्ट कक्ष वा पङ्क्ति लागि प्रयोग गर्न सकिन्छ।

<तालिका वर्ग = "style_table" चौडाइ = " 100%" सीमा = "1">

पहिलो सेल को पहिलो लाइन को पाठ

पहिलो सेल को दोस्रो लाइन को पाठ

दोस्रो पङ्क्ति को पहिलो सेल को पाठ

दोस्रो पङ्क्ति को दोस्रो सेल को पाठ

कतै कलाकार गल्ती शैली, परिणाम देख्दैनन् भने। तथापि, शैली त्यहाँ त्रुटिहरू छन्, तर नाम नै हो भने, प्रभाव छैन। प्रत्येक अल्पविराम वा पेट महत्त्वपूर्ण भूमिका खेल्छ।

टेबल मा थप विशेषताहरु

शैली कक्षाहरूमा के लेखिएको सकिन्छ गुण? त्यहाँ टेबल गर्न विशेष लागू धेरै विशेषताहरु छन्। विचार सबैभन्दा आधारभूत जो धेरै उपयोगी छन्।

align	तेर्सो पंक्तिबद्ध
valign	ठाडो पंक्तिबद्ध
पृष्ठभूमि	सेल / तालिकामा पृष्ठभूमि छवि
bgcolor	को पृष्ठभूमि रङ कक्ष
bordercolor	फ्रेम रंग तालिका / कक्षहरू
उचाइ	सेल उचाइ
nowrap	स्ट्रिङ मा र्याप पाठ प्रतिबंध।
चौडाइ	सेल / तालिकाको चौडाई

तपाईं देख्न सक्नुहुन्छ रूपमा, तालिका मा HTML प्रयोग "उपकरण" एक विशाल संख्या हुन सक्छ।

सुन्दर HTML टेबल प्रयोग सिर्जना गरियो। उदाहरण

कारण शैलीहरू तपाईं सुन्दर तालिका को एक किसिम सिर्जना गर्न सक्नुहुन्छ। यो सबै तपाईं के र कसरी मन मा निर्भर गर्दछ। यसलाई पकाउने जस्तै हो। सामाग्री नै हो, र थप विकल्पहरू धेरै व्यञ्जनहरु छन्।

तपाईं देख्न सक्नुहुन्छ, तपाईँ HTML ट्याग प्रयोग गर्नुहुन्छ भने, तालिका पहिचान परे परिवर्तन गर्न सकिन्छ। सम्भव सीमा आफ्नो कल्पना द्वारा निर्धारित।