येथे आपल्या HTML कोडमध्ये पूर्व-स्वरुपित मजकूर टॅग कसा वापरावा
जेव्हा आपण एखाद्या वेब पृष्ठासाठी HTML कोडमध्ये मजकूर जोडता तेव्हा, परिच्छेद घटकात सांगा, आपल्याकडे मजकूर कोणत्या ओळी टाळता येतील किंवा स्पेसिंगचा वापर कोणत्या ठिकाणी होणार आहे यावर काही नियंत्रण नसते याचे कारण असे की वेब ब्राऊजर त्या भागावर आधारित आवश्यक मजकुरास प्रवाह करेल. यामध्ये उत्तरदायी वेबसाइट्स असतील ज्यांची पृष्ठे पाहण्याकरिता स्क्रीनच्या आकारानुसार बदलणारी खूप द्रवपदार्थ मांडणी असेल.
एचटीएमएल टेक्स्ट त्या ओळीला तोडेल जेणेकरुन एकदा त्याचे क्षेत्रफळ संपले असेल. सरतेशेवटी, आपल्यापेक्षा मजकुर विराम कसे करतात हे निर्धारीत करण्यात ब्राउझर अधिक भूमिका बजावते.
विशिष्ट स्वरूप किंवा लेआउट तयार करण्यासाठी स्पेसिंग जोडण्याच्या दृष्टीने, HTML स्पेसबार, टॅब किंवा कॅरेज रिटर्नंसहित जोडलेल्या स्पेसिंगला ओळखत नाही. जर आपण एका शब्दात आणि त्या नंतर येणार्या शब्दामध्ये वीस रिकाम्या जागा दिल्यास, ब्राउझर तेथे फक्त एकच जागा प्रस्तुत करेल. यास पांढरे स्थान संकुचित म्हणून ओळखले जाते आणि हे प्रत्यक्षात एचटीएमएलच्या संकल्पनांपैकी एक आहे जे पहिल्यांदा उद्योग संघर्षास नवीन आहे. एचटीएमएल व्हाइसस्पेस मायक्रोसॉफ्ट वर्डसारख्या कार्यक्रमात ज्याप्रमाणे कार्य करतो त्याप्रमाणे ते अपेक्षा करतात, परंतु हे HTML व्हायरसपेस कसे कार्य करते हे नाही.
बहुतांश घटनांमध्ये, कोणत्याही HTML दस्तऐवजात मजकूर हाताळणे हे नेमके आपल्याला आवश्यक आहे, परंतु इतर उदाहरणांमधुन आपण वास्तविकपणे अधिक मजकूर नियंत्रण कसे करू शकतो आणि ते रेषा कशाने मोडतात
हे पूर्व-रूपणित मजकूरासारखे आहे (दुसऱ्या शब्दात, आपण स्वरुपित करा). आपण HTML प्री टॅग वापरून आपल्या वेब पृष्ठांवर पूर्व-स्वरुपित मजकूर जोडू शकता.
टॅग वापरून
बर्याच वर्षांपूर्वी, हे पूर्व-रूपण केलेल्या मजकुरासह वेब पृष्ठे पाहण्यासाठी सामान्य असल्याचे वापरले जाते. वेब डिज़ाइनर्सना मजकूर पाठवण्याकरिता ते इच्छित असलेल्या रूपात प्रदर्शित करण्यासाठी एक जलद आणि सुलभ मार्ग होता हे पृष्ठाच्या विभागांना परिभाषित करण्यासाठी टाईपिंगद्वारे स्वरूपित करण्यात आले.
हे मांडणीसाठी सीएसएस चे उदय होण्याआधीच होते, जेव्हा वेब डिझाइनर खरोखर सारणी आणि इतर HTML- फक्त पद्धती वापरून लेआउट सक्ती करण्याचा प्रयत्न करीत अडकले होते. हे (kinda) परत काम केले कारण प्री-फॉर्मेटेड मजकूर मजकूर म्हणून परिभाषित केला जातो ज्यामध्ये HTML रेंडरिंगऐवजी मांडणीचा समावेश आहे.
आज, या टॅगचा उपयोग इतका जास्त केला जात नाही कारण सीएसएस आपल्या एचटीएमएलमध्ये देखावा जबरदस्तीने करण्याचा प्रयत्न करण्यापेक्षा व्हिज्युअल स्टाइलला अधिक कार्यक्षम पद्धतीने मांडण्याची परवानगी देतो कारण वेब मानके संरचना (एचटीएमएल) आणि स्टाईल (सीएसएस) चे स्पष्ट विभाजन लावतात. असे असले तरीही, काही पूर्वप्रकारित मजकूर पाठविला जाऊ शकतो, जसे मेल पत्त्यासाठी जेथे आपण रेखा खंडित करण्याची इच्छा बाळगता किंवा कवितेच्या उदाहरणांसाठी जेथे सामग्रीचे वाचन आणि एकूण प्रवाह ओळींसाठी लाइन खंड आवश्यक आहे.
HTML
टॅग वापरण्याचा हा एक मार्ग आहे: <पूर्व> ट्वेस ब्रिलिग आणि स्लिथि टॉव्स यांनी गेट आणि गेंबल वाबात तयार केलेठराविक HTML दस्तऐवजात पांढरे स्थान कोसळते. याचा अर्थ असा होतो की या पाठात वापरलेले कॅरेज रिटर्न, स्पेसेस आणि टॅब वर्ण एका जागेवर कोसले जातील. जर आपण मूळ कोट पी (पॅराग्राफ) सारख्या ठराविक HTML टॅगमध्ये टाईप केले असेल, तर आपण याप्रमाणे अशा एका ओळीच्या मजकूरासह जाऊ:
टवास ब्रालिग आणि स्लिथि टॉव्स हे गेट आणि गेंबल वॉबमध्ये होते
प्री टॅग ला पांढऱ्या स्पेस वर्णांना सोडते. म्हणून रेखा ब्रेक्स, रिक्त स्थाने आणि टॅब हे सर्व ब्राउझरच्या सामग्रीच्या रेंडरिंगमध्ये देखरेख करतात. त्याच टेक्स्टसाठी कोट लावण्यापूर्वी कोट लावण्यामुळे हे प्रदर्शन होईल:
टवास ब्रालिग आणि स्लिथि टॉव्स हे गेट आणि गेंबल वॉबमध्ये होतेसंबंधित फोन्ट्स
प्री टॅग केवळ आपण लिहिता त्या टेक्स्टसाठी स्पेस आणि ब्रेक्स राखणे एवढेच नव्हे. बर्याच ब्राउझरमध्ये, हे मोनोस्पेस फॉन्टमध्ये लिहिले आहे. हे अक्षरांमध्ये सर्व समान रूंदीच्या रूपात बनविते. दुस-या शब्दात, मी पत्र ज्याला पत्र म्हणून जास्त जागा घेते
आपण डीफॉल्ट मोनोस्पेसच्या ऐवजी दुसरे फॉन्ट वापरणे पसंत केल्यास, ब्राऊजर डिस्प्ले, आपण हे स्टाइलशीट्ससह बदलू शकता आणि आपल्याला हवा असलेला कोणताही अन्य फॉन्ट निवडून तो मजकूर प्रस्तुत करू शकतो .
HTML5
एक गोष्ट लक्षात ठेवायला हवी की, HTML5 मध्ये,
घटकासाठी "रूंदी" विशेषता आता समर्थित नाही एचटीएमएल 4.01 मध्ये, रुंदीने एका ओळीत असणार्या अक्षरेंची संख्या निर्दिष्ट केली परंतु हे HTML5 व त्याहूनही पुढे टाकले गेले आहे.2/2/17 रोजी जेरेमी गिरर्ड द्वारा संपादित