सामग्री

• पाऊल टाकण्यासाठी
• पद्धत 1 पैकी 1: सीएसएस वापरणे
• 2 पैकी 2 पद्धत: HTML मध्ये "केंद्र" टॅग वापरणे

हे विकी एचटीएमएल वेबसाइटमधील मजकूर कसे केंद्रित करावे ते शिकवते. आम्ही यासाठी सीएसएस (कॅस्केडिंग शैली पत्रके किंवा शैली पत्रके) वापरतो. आम्ही HTML मध्ये मध्यभागी वापरत होतो केंद्र>टॅग करा, परंतु हे बहुतेक ब्राउझरमध्ये यापुढे कार्य करत नाही.

पाऊल टाकण्यासाठी

पद्धत 1 पैकी 1: सीएसएस वापरणे

1. आपण आपल्या शैलीचे वर्णन करीत असलेली मजकूर फाईल उघडा. आता केंद्र>टॅग यापुढे वापरला जाणार नाही, या फायलीमध्ये एक नवीन घटक तयार करा जो आपल्या HTML दस्तऐवजाच्या विशिष्ट भागात मजकूर केंद्रित करेल. आपल्याकडे स्वतंत्र सीएसएस फाइल नसल्यास, कोड "शैली>" आणि "/ शैली>" टॅग दरम्यानच्या HTML दस्तऐवजाच्या शीर्षस्थानी आहेत.
   • म्हणून शैली>- आणि / शैली>टॅग अद्याप तेथे नाहीत, आपण त्यांना थेट अंतर्गत ठेवू शकता शरीर>खालील प्रकारे टॅग करा:

   ! डॉक्टव्य एचटीएमएल> एचटीएमएल> बॉडी> शैली </ शैली>

2. मजकूर मध्यभागी एक वर्ग तयार करा. द div>टॅग आपल्या एचटीएमएल दस्तऐवजास सांगते की हा वर्ग कोणत्या विशिष्ट विभागाशी संबंधित आहे. दोनदा क्लिक केल्याची खात्री करुन "स्टाईल" टॅग्ज दरम्यान खालील टाइप करा ↵ प्रविष्ट करा पहिल्या ओळीनंतर:

   Div.a {}

3. जोडा मजकूर-संरेखित करामालमत्ता. प्रकार मजकूर-संरेखित करा: मध्यभागी; मधील कंसात Div.a-सिक्शन. "शीर्षलेख" आता असे दिसते:

   ! डॉक्टव्य एचटीएमएल> एचटीएमएल> बॉडी> शैली> Div.a {मजकूर-संरेखित करा: केंद्र; } / शैली>

4. योग्य जोडा Divआपण मध्यभागी इच्छित असलेल्या मजकूरावर टॅग करा. आपण हे माध्यमातून करा div>या मजकूराच्या वर टॅग करा आणि त्यास बंद करा / div>या मजकूराच्या खाली टॅग करा. उदाहरणार्थ, आपण शीर्षक आणि त्याखालील परिच्छेद मध्यभागी इच्छित असल्यास असे दिसते:

   div> h1> माझ्या वेबसाइटवर आपले स्वागत आहे </ h1> p> ही वेबसाइट मुख्यतः गोष्टींबद्दल माहिती प्रदान करण्यासाठी आहे. </ p> / div>

5. वापरा Div.aइतर घटकांना मध्यभागी टॅग करा. जेव्हा आपण टॅग दरम्यान सामग्री यासारखा दुसरा घटक केंद्रित करू इच्छित असाल पी </ p> आणि एच 2 </ h2>), आपण टाइप करा div> या घटकासाठी आणि / div> त्यानंतर. आपण आधीपासूनच "Div.a" ला मध्यभागी असलेल्या CSS कोड म्हणून परिभाषित केले असल्याने, हे घटक देखील आता केंद्रीत केले आहेत.

   शैली> Div.a {मजकूर-संरेखित करा: मध्यभागी; } / शैली </ div> h2> देणगी स्वागत आहे </ h2> p> कृपया </ p> / div>

6. आपला कागदजत्र तपासा. आपल्या वेबपृष्ठावरील मजकूर अर्थातच भिन्न असला तरीही तो यासारखे दिसला पाहिजे:

   ! डॉक्टव्य एचटीएमएल> एचटीएमएल> बॉडी> शैली> Div.a {मजकूर-संरेखित करा: केंद्र; style / शैली </ div> एच 1> माझ्या वेबसाइटवर आपले स्वागत आहे </ h1> p> ही वेबसाइट प्रामुख्याने गोष्टींबद्दल माहिती प्रदान करण्यासाठी आहे. </ p> </ div> Div> h2> देणगी स्वागत आहे / h2> p> कृपया </ p> / डिव्ह </ बॉडी </ html>

2 पैकी 2 पद्धत: HTML मध्ये "केंद्र" टॅग वापरणे

1. आपला HTML दस्तऐवज उघडा. अप्रचलित कसे मिळवावे याबद्दल या पद्धतीत वर्णन केले आहे केंद्र>टॅग ही पद्धत अद्याप बर्‍याच ब्राउझरमध्ये कार्य करू शकते परंतु यावर जास्त अवलंबून न ठेवणे चांगले.
2. आपण मध्यभागी इच्छित असलेला मजकूर शोधा. जोपर्यंत आपल्याला शीर्षक, परिच्छेद किंवा आपण मध्यभागी इच्छित असलेला दुसरा मजकूर सापडत नाही तोपर्यंत आपला दस्तऐवज खाली स्क्रोल करा.
3. मजकूराच्या दोन्ही बाजूला "मध्यभागी" टॅग ठेवा. कोड असे दिसते केंद्र> मजकूर / केंद्र>. येथे "टेक्स्ट" हा मजकूर मध्यभागी आहे. या मजकूरामध्ये इतर टॅग्ज असल्यास, जसे परिच्छेदापूर्वी "p> </ p", विद्यमान टॅगच्या बाहेर "मध्यभागी" टॅग ठेवा.

   केंद्र> एच 1> माझ्या वेबसाइटवर आपले स्वागत आहे </ h1> <<<< केंद्र <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< કેન્દ્ર << h1> <<<<<<<<<<<<<<<<< <<<<<<<<<<<<<<<<<<< hr> <<<<<<<<<<<<<< hr>> माझ्या वेबसाइटवर आपले स्वागत आहे </ h1> <<<< केंद्र <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<. / c>

4. आपला HTML दस्तऐवज तपासा. हे यासारखे काहीतरी दिसावे:

   ! डॉक्टव्य एचटीएमएल> एचटीएमएल> बॉडी> एच 1> सेंटर> माझ्या वेबसाइटवर आपले स्वागत आहे / केंद्र </ h1> केंद्र> आपल्यासाठी हे सुलभ करा </ केंद्र> पी 1> ही वेबसाइट मुख्यतः गोष्टींबद्दल माहिती प्रदान करण्यासाठी आहे. </ P1> / मुख्यपृष्ठ > / एचटीएमएल>