2010-12-22 9 views
8

में पैराग्राफ के लिए बाएं मार्जिन सेट करें, मैं 5 रिक्त स्थान डालने के बाद एक अनुच्छेद शुरू करना चाहता हूं और पहली पंक्ति के नीचे की सभी पंक्तियों को सीधी रेखा में आना चाहिए, imean अनुच्छेद में सभी पंक्तियों को शुरू होने से पहले 5 रिक्त स्थान होना चाहिए ।एचटीएमएल

मुझे डेटाबेस से यह पैराग्राफ मिल रहा है।

मुझे एक एचटीएमएल टैग चाहिए जो एक पूर्ण अनुच्छेद के लिए बाएं हाशिए को परिभाषित करेगा।

+0

क्यों न केवल कक्षा का उपयोग करें? – Breezer

+0

क्षमा करें मुझे समझ में नहीं आया। – Ishan

+0

नहीं, आप सीएसएस का उपयोग करना शुरू करना चाहते हैं। – weltraumpirat

उत्तर

13
<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> 

ऐसा करेगा, स्पष्ट रूप से कुछ सुधार हैं, लेकिन यह मूलभूत बात है। और मैं 'em' माप के रूप में उपयोग करता हूं, आप 'px' जैसे अन्य इकाइयों का उपयोग करना चाह सकते हैं।

संपादित करें: क्या वे ऊपर का वर्णन कर रहे हैं शैलियों, या वर्गों के समूहों जोड़, एक वेब पेज पर तत्वों के साथ का एक तरीका है। आप इसे कुछ तरीकों से कार्यान्वित कर सकते हैं, यहां एक ऐसा है जो आपको अनुकूल कर सकता है:

अपने एचटीएमएल पेज में, <p> आपके डीबी से टैग की गई सामग्री को एक नई 'शैली' नोड में जोड़ें और उन शैलियों को लपेटें जिन्हें आप घोषित करना चाहते हैं इसलिए जैसे एक वर्ग:

<head> 
    <style type="text/css"> 
    p { margin-left:5em; /* Or another measurement unit, like px */ } 
    </style> 
</head> 
<body> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p> 
</body> 

तो ऊपर, अपने दस्तावेज़ में सभी <p> तत्वों है कि शैली नियम लागू होगा। शायद आप अपनी अनुच्छेद सामग्री को किसी प्रकार के कंटेनर में पंप कर रहे हैं? div, जिसका वर्ग के नाम 'कंटेनर' है, लागू किया शैलियों होगा अंदर ऊपर के उदाहरण में

<head> 
    <style type="text/css"> 
    .container p { margin-left:5em; /* Or another measurement unit, like px */ } 
    </style> 
</head> 
<body> 
    <div class="container"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p> 
    </div> 
    <p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p> 
</body> 

, केवल <p> तत्व - और नहीं कंटेनर के बाहर <p> तत्व: इस प्रयास करें।

उपर्युक्त के अतिरिक्त, आप अपनी शैलियों को एक साथ एकत्र कर सकते हैं और <head> टैग से शैली तत्व को हटा सकते हैं, इसे <link> टैग के साथ बदलकर, जो बाहरी सीएसएस फ़ाइल को इंगित करता है। यह बाहरी फ़ाइल वह जगह है जहां आप अब अपनी <p> टैग शैलियों को डाल देंगे। इस अवधारणा को 'शैली से पृथक सामग्री' के रूप में जाना जाता है और इसे अच्छी प्रथा माना जाता है, और शैलियों को बनाने का एक विस्तारित तरीका भी है, और कम रखरखाव में मदद कर सकता है।

+0

जोड़ने के बजाय हे, सही उत्तर देने से पहले भी मेरा उत्तर पूरा करने से पहले:) पी – danjah