HTML भाषा का सिंटेक्स एक मानक पर आधारित होता है। HTML5 सिंटैक्स. कैरेक्टर एन्कोडिंग परिभाषा

💖क्या आपको यह पसंद है?लिंक को अपने दोस्तों के साथ साझा करें

इंटरनेट एक विश्वव्यापी नेटवर्क है जो जोड़ता है कंप्यूटर नेटवर्कसूचना विनिमय के तरीकों पर समान मानक समझौतों (प्रोटोकॉल) के आधार पर दुनिया भर में एकीकृत प्रणालीसंबोधन.

आज तक, इंटरनेट ने अभूतपूर्व लोकप्रियता हासिल कर ली है। विशेषज्ञों के अनुसार, इंटरनेट 100 मिलियन से अधिक कंप्यूटरों को जोड़ता है। 170 देशों में 300 मिलियन से अधिक लोग इंटरनेट सेवाओं का उपयोग करते हैं।

कार्यात्मक दृष्टिकोण से, इंटरनेट है:

ü दुनिया भर के ग्राहकों के बीच संचार का एक सस्ता, तेज़ साधन;

ü ज्ञान के किसी भी क्षेत्र पर जानकारी का एक अद्वितीय भंडार;

ü गतिविधि के लिए एक नया आशाजनक वातावरण।

इंटरनेट का प्रभाव न केवल कंप्यूटर संचार के तकनीकी क्षेत्र तक फैला हुआ है, बल्कि इसका एक सामाजिक आयाम भी है और यह पूरे समाज में व्याप्त है। परिचालन साधनज्ञान प्राप्त करना, ई-कॉमर्स।

आज सबसे आम और लोकप्रिय इंटरनेट सेवा WWW (वर्ल्ड वाइड वेब) है। WWW पर जानकारी तथाकथित हाइपरटेक्स्ट (या, अधिक मोटे तौर पर, हाइपरमीडिया) दस्तावेजों के रूप में प्रस्तुत की जाती है, जिसमें स्वरूपित पाठ, ग्राफिक्स, ऑडियो और वीडियो टुकड़े शामिल हो सकते हैं। हाइपरटेक्स्ट दस्तावेजों की मुख्य विशेषता सक्रिय क्षेत्रों की उपस्थिति है माउस क्लिक के प्रति संवेदनशील होते हैं। पाठ के टुकड़े सक्रिय हो सकते हैं, सक्रिय क्षेत्र पर क्लिक करने से इस क्षेत्र से जुड़े (लक्ष्य) दस्तावेज़ डाउनलोड हो जाते हैं।

इंटरनेट पर सामग्री पोस्ट करने का तरीका सीखने के लिए, आपको सबसे पहले हाइपरटेक्स्ट मार्कअप भाषा HTML (H yperT ext M arkup L anguage) से परिचित होना होगा।

HTML मूल बातें

हाइपर टेक्स्ट मार्कअप लैंग्वेज HTML दस्तावेज़कमांड का एक सेट है जिसे टैग कहा जाता है (अंग्रेजी से)। टैग) दस्तावेज़ के पाठ में पाए जाने वाले HTML टैग की व्याख्या दस्तावेज़ प्रदर्शित करते समय ब्राउज़र द्वारा की जाती है।

HTML दस्तावेज़ों को प्रोग्रामों का उपयोग करके देखा जाता है - ब्राउज़रों(अंग्रेज़ी से ब्राउज़र), जो दस्तावेज़ को HTML मार्कअप के अनुसार प्रदर्शित करते हैं और हाइपरलिंक नेविगेशन प्रदान करते हैं। सबसे आम ब्राउज़र माइक्रोसॉफ्ट कॉर्पोरेशन से माइक्रोसॉफ्ट इंटरनेट एक्सप्लोरर और नेटस्केप कम्युनिकेशंस कॉर्पोरेशन से नेटस्केप नेविगेटर हैं।

चूंकि एक HTML दस्तावेज़ है पाठ फ़ाइल, इसे सबसे सरल तरीके से तैयार किया जा सकता है पाठ संपादक, उदाहरण के लिए, नोटपैड में ( नोटपैड), लेकिन यह बहुत श्रमसाध्य है। अधिकतर वे विशेष रूप से HTML दस्तावेज़ तैयार करने के लिए डिज़ाइन किए गए विशेष संपादकों का उपयोग करते हैं, जो आपको टूलबार बटन या मेनू कमांड का उपयोग करके टैग डालने और डायलॉग बॉक्स में टैग विशेषताओं को सेट करने की अनुमति देते हैं, उदाहरण के लिए, मैक्रोमीडिया ड्रीमवीवर, माइक्रोसॉफ्ट फ्रंटपेज, होमसाइट इत्यादि।

एक HTML दस्तावेज़ को HTML प्रारूप में परिवर्तित करके प्राप्त किया जा सकता है, उदाहरण के लिए पैकेज दस्तावेज़ प्रारूप से माइक्रोसॉफ्ट ऑफिस. यह ध्यान दिया जाना चाहिए कि इस तरह के परिवर्तन के साथ, HTML दस्तावेज़ का स्रोत पाठ बेहद अनावश्यक हो जाता है और इसमें विशेष HTML संपादकों का उपयोग करना अधिक कुशल होता है।

HTML टैग सिंटैक्स

एक HTML टैग कोण कोष्ठक (अक्षर) में लिखा जाता है और इसमें एक नाम होता है, जिसके बाद विशेषताओं की एक सूची (अधिकांश टैग के लिए वैकल्पिक) हो सकती है। नाम और गुण दर्शाते हैं अंग्रेजी के शब्दऔर संक्षिप्तीकरण.

टैग को दो समूहों में विभाजित किया जा सकता है:

युग्मित टैग (जिन्हें भी कहा जाता है) कंटेनरों) के दो घटक हैं: उद्घाटन (प्रारंभिक) और समापन (अंतिम); समापन घटक का नाम समान है, लेकिन जब लिखा जाता है, तो नाम के पहले एक स्लैश (प्रतीक /) होता है। दस्तावेज़ पाठ और अन्य टैग उद्घाटन और समापन घटकों के बीच स्थित हो सकते हैं। कंटेनर टैग के खुलने और बंद होने वाले तत्वों के बीच स्थित दस्तावेज़ खंड को टैग के अर्थ के अनुसार ब्राउज़र द्वारा स्वरूपित किया जाता है, उदाहरण के लिए, टैग के बीच स्थित पाठ को बोल्ड में प्रदर्शित किया जाएगा (टैग का नाम अंग्रेजी से है बोल्ड). युग्मित टैग को एक-दूसरे के भीतर नेस्ट किया जा सकता है, लेकिन ओवरलैप नहीं होना चाहिए।

अयुग्मित टैग (जिन्हें भी कहा जाता है) स्वायत्त) में कोई अंतिम घटक नहीं होता है, जब उनकी व्याख्या की जाती है, तो एक या दूसरी वस्तु को प्रदर्शित दस्तावेज़ में डाला जाता है। उदाहरण के लिए, टैग करें , HTML दस्तावेज़ के पाठ में घटित होने से सम्मिलन होता है ग्राफिक छविचित्र.gif फ़ाइल से.

सूची में विशेषताएँ एक या अधिक रिक्त स्थान, या टैब वर्ण, या न्यूलाइन वर्णों द्वारा एक दूसरे से अलग की जाती हैं, जिस क्रम में विशेषताएँ लिखी जाती हैं वह महत्वपूर्ण नहीं है; अधिकांश विशेषताओं का उपयोग जोड़ी के रूप में किया जाता है विशेषता नाम = विशेषता मान. जब विशेषता मान एक शब्द या एक संख्या से अधिक हो, तो इसे एकल या दोहरे उद्धरण चिह्नों में संलग्न किया जाना चाहिए। टैग के समापन घटकों में विशेषताएँ निर्दिष्ट नहीं हैं।


यहां विशेषताओं वाले टैग का एक उदाहरण दिया गया है:

टैग नाम विशेषता नाम

मान बताइए

उत्तरदायी ठहराने के लिए नाम

मान बताइए

नमस्ते !

किसी HTML दस्तावेज़ में ऐसे टैग का सामना करने पर, ब्राउज़र इसकी व्याख्या करता है, आधार आकार (आकार=+2) और लाल रंग (रंग=लाल) के सापेक्ष बढ़े हुए वर्णों में टैग के बाद पाठ प्रदर्शित करता है; यह टेक्स्ट फ़ॉर्मेटिंग तब तक लागू की जाती है जब तक कि समापन टैग सामने न आ जाए।

टैग और विशेषता प्रविष्टियों में वर्णों का मामला कोई मायने नहीं रखता।

HTML दस्तावेज़ संरचना

एक HTML दस्तावेज़ और टैग में संलग्न है। इन टैगों के बीच दो खंड हैं: हेडर अनुभाग (और टैग के बीच) और दस्तावेज़ का मुख्य भाग (और टैग के बीच) जिसमें पैरामीटर का विवरण होता है दस्तावेज़ प्रदर्शित करते समय उपयोग किया जाता है, लेकिन सीधे ब्राउज़र विंडो में प्रतिबिंबित नहीं होता है। दस्तावेज़ के मुख्य भाग में ब्राउज़र द्वारा प्रदर्शित करने के लिए इच्छित मुख्य पाठ, फ़ॉर्मेटिंग टैग, चित्रों का स्थान, तालिकाएँ, हाइपरलिंक आदि शामिल होते हैं।

इंटरनेट पर पोस्ट करने के लिए उपयुक्त सबसे सरल दस्तावेज़ का HTML कोड इस तरह दिखता है:

< TITLE >हमारा पहला पृष्ठशीर्षक >

सबसे सरल HTML दस्तावेज़

इस कोड को नोटपैड टेक्स्ट एडिटर में टाइप किया जा सकता है और एक्सटेंशन के साथ फ़ाइल के रूप में सहेजा जा सकता है। एचटीएम या. html - इस स्थिति में, दस्तावेज़ आपके कंप्यूटर पर स्थापित डिफ़ॉल्ट ब्राउज़र में खुलेगा। ब्राउज़र इस दस्तावेज़ को अपनी विंडो में दस्तावेज़ के मुख्य भाग में स्थित "सबसे सरल HTML दस्तावेज़" पंक्ति में प्रदर्शित करके प्रदर्शित करेगा। वाक्यांश "हमारा पहला पृष्ठ" ब्राउज़र के शीर्षक बार में दिखाई देगा।

सिर अनुभाग

हेडर अनुभाग में आमतौर पर ऐसे टैग होते हैं जो उपयोगकर्ता के लिए अदृश्य होते हैं, लेकिन फिर भी सक्रिय रूप से प्रभावित कर सकते हैं उपस्थितिदस्तावेज़।

टैग

उद्देश्य

संपूर्ण दस्तावेज़ का नाम निर्दिष्ट करता है. नाम आमतौर पर ब्राउज़र विंडो के शीर्षक बार में प्रदर्शित होता है। यह तत्व किसी भी HTML दस्तावेज़ के लिए आवश्यक है और इसे एक से अधिक बार निर्दिष्ट नहीं किया जा सकता है।

वर्तमान दस्तावेज़ का आधार पता (यूआरएल) निर्दिष्ट करता है जो बन जाएगा प्रस्थान बिंदूकिसी दस्तावेज़ के भीतर सापेक्ष पतों की गणना करने के लिए। तत्व का कोई अंतिम टैग नहीं है. कम से कम एक तर्क मौजूद होना चाहिए:

HREF - वर्तमान दस्तावेज़ का आधार पता (URL) निर्दिष्ट करता है।

लक्ष्य - फ़्रेम नाम निर्दिष्ट करता है जिसका उपयोग डिफ़ॉल्ट रूप से हाइपरलिंक में किया जाएगा। यदि आप किसी दस्तावेज़ के सभी लिंक को एक अलग फ़्रेम में खोलना चाहते हैं तो यह काम आ सकता है।

< STYLE TYPE= "text /css " >

किसी दस्तावेज़ में कैस्केडिंग स्टाइल शीट (सीएसएस - कैस्केड स्टाइल शीट) डालने के लिए उपयोग किया जाता है। TYPE एक आवश्यक विशेषता है जिसका मान आमतौर पर "टेक्स्ट/सीएसएस" होता है।

< МЕТА …>

META तत्व का उपयोग किसके लिए किया जाता है? तकनीकी विवरणदस्तावेज़। इस तत्व का उपयोग करके, अतिरिक्त जानकारी दस्तावेज़ शीर्षक में डाली जाती है उपयोगी जानकारी, उपयोगकर्ता के लिए अदृश्य, लेकिन कभी-कभी खोज इंजन रोबोट द्वारा आपके पृष्ठ की सही अनुक्रमणिका के लिए बस अपूरणीय होता है। तत्व का कोई अंतिम टैग नहीं है.

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

सामग्री - NAME पैरामीटर में परिभाषित मेटा प्रविष्टि को मान निर्दिष्ट करता है।

शरीर अनुभाग

इस अनुभाग में वेब पेज की मुख्य सामग्री - दस्तावेज़ पाठ, चित्र, तालिकाएँ आदि शामिल हैं। किसी दस्तावेज़ में BODY तत्व को एक से अधिक बार प्रदर्शित नहीं होना चाहिए और इसमें निम्नलिखित विशेषताएँ शामिल हो सकती हैं:

विशेषता वाक्यविन्यास

उद्देश्य

मार्जिनहाइट= संख्या

दस्तावेज़ के ऊपरी और निचले हाशिये की चौड़ाई (पिक्सेल में) निर्दिष्ट करता है। केवल नेटस्केप ब्राउज़र में काम करता है

टॉपमार्जिन= संख्या

दस्तावेज़ के ऊपरी और निचले हाशिये की चौड़ाई (पिक्सेल में) निर्दिष्ट करता है। में ही काम करता है इंटरनेट ब्राउज़रएक्सप्लोरर

मार्जिनविड्थ= संख्या

दस्तावेज़ के बाएँ और दाएँ मार्जिन की चौड़ाई (पिक्सेल में) निर्दिष्ट करता है। केवल नेटस्केप ब्राउज़र में काम करता है

वाममार्जिन= संख्या

दस्तावेज़ के बाएँ और दाएँ मार्जिन की चौड़ाई (पिक्सेल में) निर्दिष्ट करता है। केवल इंटरनेट एक्सप्लोरर ब्राउज़र में काम करता है

पृष्ठभूमि= यूआरएल

पृष्ठभूमि (पृष्ठभूमि छवि) को "भरने" के लिए छवि निर्दिष्ट करता है। मान छवि के पूर्ण या सापेक्ष पते में निर्दिष्ट है (चित्र रखने वाला अनुभाग देखें)

बीजीरंग= रंग

दस्तावेज़ का पृष्ठभूमि रंग निर्दिष्ट करता है।

माइक्रोसॉफ्टइंटरनेटएक्सप्लोरर 16 मानक रंग नामों का समर्थन करता है (एक्वा, काला, नीला, फ्यूशिया, ग्रे, हरा, नींबू, मैरून, नौसेना, जैतून, बैंगनी, लाल, चांदी, चैती, पीला, सफेद)

दूसरा तरीका छह अंकों की हेक्साडेसिमल संख्या के रूप में एक रंग कोड का उपयोग करना है जो लाल (पहले दो अंक), हरे (अगले दो अंक) और नीले (अंतिम दो अंक) घटकों की तीव्रता निर्दिष्ट करता है। हेक्साडेसिमल रूप में प्रत्येक घटक की तीव्रता 00 से FF तक होती है। किसी टैग के लिए विशेषता मान के रूप में रंग निर्दिष्ट करते समय, हेक्साडेसिमल संख्या के पहले # वर्ण होता है।

उदाहरण के लिए, प्रविष्टि COLOR = "#0000 FF " का अर्थ नीला है

लाखों रंगों को निर्दिष्ट करने की मौलिक संभावना के बावजूद, यह ध्यान में रखा जाना चाहिए कि ब्राउज़र केवल 256 रंग प्रदर्शित करते हैं, और प्रत्येक ब्राउज़र का अपना रंग पैलेट होता है, इस पैलेट में, ब्राउज़र निर्दिष्ट रंग के निकटतम रंग का चयन करेगा

पाठ= रंग

दस्तावेज़ में टेक्स्ट का रंग निर्दिष्ट करता है

लिंक= रंग

किसी दस्तावेज़ में हाइपरलिंक का रंग निर्दिष्ट करता है

एलिंक= रंग

क्लिक करने पर हाइपरलिंक का हाइलाइट रंग परिभाषित करता है।

वीलिंक

पहले से देखे गए दस्तावेज़ों के हाइपरलिंक का रंग निर्धारित करता है

पाठ का स्वरूपण वर्णों का स्वरूपण

सभी कैरेक्टर फ़ॉर्मेटिंग टैग में एक उद्घाटन और समापन दोनों घटक होते हैं और उनके बीच संलग्न पाठ पर कार्य करते हैं।

मुख्य टैग है...FONT>, जिसका उपयोग एक या अधिक विशेषताओं के साथ किया जाना चाहिए जो फ़ॉन्ट के आकार, रंग और टाइपफेस को बदलते हैं:

विशेषता वाक्यविन्यास

उद्देश्य

आकार = अर्थ

आकार या तो पूर्ण मान (1 से 7 तक की संख्या) या आधार फ़ॉन्ट आकार के सापेक्ष (+n या -n रूप में) निर्दिष्ट किया जाता है।

रंग = रंग

रंग

चेहरा = फ़ॉन्ट सूची

पाठ प्रदर्शित करने के लिए टाइपफेस; नाम प्राथमिकता के क्रम में सूचीबद्ध हैं, अल्पविराम से अलग किए गए हैं, उदाहरण के लिए, FACE = "वर्डाना, हेल्वेटिका, एरियल, सैन्स-सेरिफ़"

आप किसी एक टाइपफेस को भी निर्दिष्ट कर सकते हैं, लेकिन ध्यान रखें कि यह फ़ॉन्ट उपयोगकर्ता के कंप्यूटर पर इंस्टॉल नहीं किया जा सकता है, और "विदेशी" फ़ॉन्ट ब्राउज़र द्वारा प्रदर्शित नहीं किए जाएंगे।

इसके अलावा, टैग का उपयोग वर्णों की शैली बदलने के लिए किया जाता है:

. .. (अंग्रेजी बोल्ड से) − बोल्ड फ़ॉन्ट;

.. . (अंग्रेजी इटैलिक से) - इटैलिक;

... (अंग्रेजी टेलीटाइप से) - मोनोस्पेस फ़ॉन्ट;

... (अंग्रेजी अंडरलाइन से) - रेखांकित;

... एस > (अंग्रेजी से एस ट्राइकेथ्रू) - काट दिया गया;

... (अंग्रेजी से s ub लिखी हुई कहानी) - सबस्क्रिप्ट;

... (अंग्रेजी सुपर से लिपि) सुपरस्क्रिप्ट है.

टैग के बीच संलग्न पाठ

और (अंग्रेजी से पूर्व प्रारूपित), सभी रिक्त स्थान और लाइन ब्रेक के साथ, पूर्व-स्वरूपित के रूप में प्रदर्शित किया जाता है।

पैराग्राफ़ फ़ॉर्मेट करना

टेक्स्ट ब्राउज़र विंडो में शब्द दर शब्द प्रदर्शित होता है; जब विंडो की दाहिनी सीमा तक पहुँच जाता है, तो अगला शब्द स्वचालित रूप से एक नई पंक्ति में चला जाता है। भले ही पेज कोड में कई रिक्त स्थान दर्ज किए गए हों या टेक्स्ट एक नई लाइन पर लिखा गया हो, ब्राउज़र में देखे जाने पर ये क्रियाएं प्रदर्शित नहीं होंगी। इसलिए, लगातार रिक्त स्थान या कई की एक श्रृंखला प्रदर्शित करने के लिए खाली पंक्तियाँ, आपको अलग-अलग टैग का उपयोग करना होगा।

टैग
(अंग्रेजी से बी reak)टेक्स्ट स्ट्रीम को तोड़ता है और एक नया पैराग्राफ बनाए बिना एक नई लाइन डालता है
कई खाली पंक्तियों के रूप में व्याख्या की गई है। लाइन रिक्ति एकल है। टैग में कोई समापन घटक नहीं है और कोई विशेषता नहीं है।

टैग(अंग्रेजी से पी aragraph)एक पैराग्राफ शुरू होता है; एक नया पैराग्राफ डबल लाइन रिक्ति द्वारा पिछले एक से अलग किया जाता है, यानी, कई लगातार टैग

एक के रूप में व्याख्या की जाती है (टैग के विपरीत)।
.समापन घटक

वैकल्पिक, चूंकि पिछला पैराग्राफ वहीं समाप्त होता है जहां नया पैराग्राफ शुरू होता है। टैग में एक वैकल्पिक ALIGN विशेषता होती है जो पैराग्राफ के संरेखण प्रकार को दर्शाती है, जो बाईं ओर संरेखण को निर्दिष्ट करते हुए क्रमशः बाएँ, केंद्र, दाएँ और JUSTIFY मान ले सकती है। केंद्र, दाएँ और चौड़ाई। टैग में संलग्न पाठ भी केन्द्रित होगा।

...

यदि समापन घटक

छोड़ें, निर्दिष्ट संरेखण प्रकार तब तक बरकरार रखा जाता है अगला टैग, जो संरेखण, या दस्तावेज़ के अंत को निर्दिष्ट करता है।

HTML आपको क्रमांकित या बुलेटेड सूचियों के रूप में स्वरूपित पैराग्राफ बनाने की अनुमति देता है। एक पाठ खंड, जो एक सूची है, टैग में समाहित है:

आदेशित (क्रमांकित) सूची (अंग्रेजी से ओ rderedएल प्रथम)

अव्यवस्थित (बुलेट) सूची (अंग्रेजी से यू उत्तर दिया गयाएल प्रथम)

आदेशित या अव्यवस्थित सूची का प्रत्येक तत्व टैग में संलग्न है ... (अंग्रेजी से एल प्रथममैं मंदिर). पाठ प्रदर्शित करते समय, प्रत्येक सूची तत्व को एक नई पंक्ति पर रखा जाएगा, जो एक संख्या या मार्कर द्वारा इंगित किया जाएगा। इसके अलावा, सूची में एक शीर्षक हो सकता है, जो एक टैग (अंग्रेजी एल से) द्वारा निर्दिष्ट होता है प्रथमएच ईडर). समापन टैग की आवश्यकता नहीं है.

क्रमांकित सूची

बुलेटेड सूची

कोड तत्व

< O L>

शीर्षक

पहला तत्व

दूसरा तत्व

तीसरा तत्व

< U L>

शीर्षक

पहला तत्व

दूसरा तत्व

तीसरा तत्व

यू एल>

ब्राउज़र डिस्प्ले

शीर्षक

1. पहला तत्व

2. दूसरा तत्व

3. तीसरा तत्व

शीर्षक

· पहला तत्व

दूसरा तत्व

· तीसरा तत्व

एक बहु-स्तरीय सूची को क्रमांकित और बुलेटेड सूचियों के संयोजन के माध्यम से व्यवस्थित किया जा सकता है।

टैग में वैकल्पिक विशेषताएँ हैं:

विशेषता वाक्यविन्यास

उद्देश्य

प्रकार = प्रारूप

क्रमांकन प्रारूप में निम्नलिखित मान हो सकते हैं:

अरबी अंक (डिफ़ॉल्ट)

बड़े अक्षर

निचला मामला

बड़े रोमन अंक

छोटे रोमन अंक

प्रारंभ = मूल्य

सूची में पहला नंबर (डिफ़ॉल्ट 1)

टैग में एक वैकल्पिक विशेषता है

विशेषता वाक्यविन्यास

उद्देश्य

प्रकार = प्रारूप

टोकन प्रारूप में निम्नलिखित मान हो सकते हैं:

डिस्क

डिस्क (डिफ़ॉल्ट)

घेरा

घेरा

वर्ग

वर्ग

पैराग्राफ को स्तरीय शीर्षकों (n = 1 से n = 6 तक) के रूप में भी स्वरूपित किया जा सकता है, इस उद्देश्य के लिए ... n> फॉर्म के टैग का उपयोग किया जाता है। प्रथम स्तर का शीर्षक सबसे बड़े फ़ॉन्ट में प्रदर्शित होता है।

टैग

, ... ,

बाएँ, दाएँ और केंद्र मानों के साथ एक संरेखण विशेषता ALIGN हो सकती है।

चित्रों का स्थान

किसी वेब पेज को देखते समय ब्राउज़र द्वारा प्रदर्शित छवियां संग्रहीत की जाती हैं अलग फ़ाइलें gif, jpg (जेपीईजी) या पीएनजी प्रारूप, और पेज कोड में एक लिंक बनाया गया है आवश्यक फ़ाइल. इसके लिए एक अयुग्मित टैग का उपयोग किया जाता है, जिसमें एक अनिवार्य और कई वैकल्पिक विशेषताएँ होती हैं।

आवश्यक विशेषता:

एसआरसी= यूआरएल

ग्राफ़िक फ़ाइल पता (सापेक्ष या पूर्ण)

एएलटी= मूलपाठ

छवियों को लोड किए बिना ब्राउज़र मोड में प्रदर्शित वैकल्पिक पाठ (उद्धरण में संलग्न होना चाहिए)

सीमा = अर्थ

बॉर्डर की मोटाई पिक्सेल में, 0 का मतलब कोई बॉर्डर नहीं (डिफ़ॉल्ट)

सीमारंग= रंग

बॉर्डर का रंग सेट करता है

ऊंचाई = अर्थ

छवि की ऊँचाई पिक्सेल में (डिफ़ॉल्ट रूप से मूल) या ब्राउज़र विंडो की ऊँचाई के प्रतिशत के रूप में

चौड़ाई= अर्थ

छवि की चौड़ाई पिक्सेल में (डिफ़ॉल्ट रूप से मूल) या ब्राउज़र विंडो की चौड़ाई के प्रतिशत के रूप में

एचएसपीएसीई = अर्थ

पिक्सेल में छवि के बाएँ और दाएँ खाली स्थान

वीस्पेस = अर्थ

पिक्सेल में छवि के ऊपर और नीचे खाली स्थान

संरेखित करें = अर्थ

छवि को क्षैतिज रूप से संरेखित करता है.

यदि बाएँ या दाएँ सेट किया गया है, तो छवि तदनुसार क्षैतिज रूप से संरेखित हो जाएगी, इन मानों को सेट करने से पाठ छवि के चारों ओर लपेट जाएगा

आइए किसी फ़ाइल को संबोधित करने के पूर्ण और सापेक्ष तरीकों पर करीब से नज़र डालें।

निरपेक्ष रूप में संबोधनअन्य सर्वर पर स्थित संसाधनों का संदर्भ देते समय उपयोग किया जाता है। वह सार्वभौमिक पता जो किसी सूचना संसाधन का स्थान निर्धारित करता है उसे यूआरएल (यूनिफ़ॉर्म रिसोर्स लोकेटर) कहा जाता है। URL में दो भाग होते हैं, जो एक कोलन द्वारा अलग किए जाते हैं। पहला भाग प्रकार को इंगित करता है नेटवर्क प्रोटोकॉल, जो संसाधन के प्रकार पर निर्भर करता है। उदाहरण के लिए, यदि संसाधन WWW सर्वर पर स्थित है, तो यह प्रोटोकॉल है एचटीटीपी.दूसरे भाग में डोमेन नाम प्रणाली में कंप्यूटर (सर्वर) का नाम और (यदि आवश्यक हो) फ़ाइल का पथ नाम शामिल है। पथनाम लिखते समय, निर्देशिका नामों को फ़ाइल और निर्देशिका नामों में फॉरवर्ड स्लैश (/ वर्ण) द्वारा अलग किया जाता है अपरकेस और लोअरकेस अक्षरों के बीच अंतर करें, रिक्त स्थान की अनुमति नहीं है. यहां यूआरएल के उदाहरण दिए गए हैं:

http://www. वशु. किरोव .ru/ साइट / छवियाँ / चित्र 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

मेलटू: इस ईमेल पते को स्पैमबॉट्स से संरक्षित किया जा रहा है। इसे देखने के लिए आपको जावास्क्रिप्ट सक्षम करना होगा।

प्रोटोकॉल की ओर इंगित करने वाला अंतिम URL इन्हें मेल करेंऔर पता ईमेल, किसी भी सूचना संसाधन से लिंक नहीं है; यह यूआरएल का एकमात्र प्रकार है जिसमें कोलन के बाद दो फॉरवर्ड स्लैश शामिल नहीं हैं।

वेबसाइट बनाते समय चित्रों को निरपेक्ष रूप में संबोधित करने का व्यावहारिक रूप से उपयोग नहीं किया जाता है।

सापेक्ष रूप में सम्बोधित करनाएक ही सर्वर पर स्थित संसाधनों का संदर्भ देते समय उपयोग किया जाता है। किसी फ़ाइल के लिए पथ लिखते समय, निर्देशिका नामों को फ़ॉरवर्ड स्लैश (/ प्रतीक) द्वारा अलग किया जाता है, निर्देशिकाओं के माध्यम से नेविगेट किया जाता है फाइल सिस्टमएक स्तर ऊपर दो बिंदुओं (प्रतीकों..) द्वारा दर्शाया गया है। इसे स्पष्ट करने के लिए, एक कंप्यूटर की कल्पना करें, उदाहरण के लिए, HTML फ़ाइलों वाली निम्नलिखित निर्देशिका संरचना के साथ:

आकार\* मर्जफ़ॉर्मेट

मेरी साइट

पृष्ठों

इमेजिस

Page1.htm

Page2.htm

चित्र1.jpg

Pict2.jpg

Index.htm

चित्र.jpg

इस मामले में, उदाहरण के लिए, IMG टैग लिखने के लिए निम्नलिखित विकल्प संभव हैं:

ü < IMG SRC = Picture . jpg >(चित्र. jpg छवि सूचकांक. htm पृष्ठ पर स्थित है)

ü < IMG SRC = Images / Pict 1. jpg >(छवि चित्र 1. jpg पृष्ठ Index. htm पर स्थित है)

ü < IMG SRC =../ Picture . jpg >(चित्र. jpg छवि पृष्ठ 1. htm पृष्ठ पर स्थित है)

ü < IMG SRC =../ Images / Pict 1. jpg >(छवि चित्र 1. जेपीजी पेज 1. एचटीएम पर स्थित है)

इस तथ्य के बावजूद कि औपचारिक रूप से केवल एसआरसी विशेषता की आवश्यकता है, व्यवहार में इसे निर्दिष्ट करना भी आवश्यक है वैकल्पिक पाठ(एएलटी विशेषता), चूंकि कई लोग छवियों को लोड किए बिना ब्राउज़र के साथ मोड में काम करते हैं।

जिस क्षेत्र में चित्र प्रदर्शित किया जाता है उसकी ऊंचाई और चौड़ाई पिक्सेल में या स्क्रीन आकार के प्रतिशत के रूप में चौड़ाई और ऊंचाई विशेषताओं का उपयोग करके निर्दिष्ट की जाती है। जब इनमें से कोई एक विशेषता निर्दिष्ट की जाती है, तो ड्राइंग को स्केल किया जाता है ताकि उसकी ऊंचाई या चौड़ाई निर्दिष्ट विशेषता से मेल खाए। दूसरा आकार उचित अनुपात में स्वचालित रूप से सेट हो जाता है। केवल एक विशेषता को लागू करने से ड्राइंग के दोनों आयाम बदल जाते हैं।
यदि आप दोनों विशेषताओं को स्पष्ट रूप से सेट करते हैं, तो छवि को निर्दिष्ट आयामों के अनुसार दो अक्षों के साथ स्केल किया जाएगा। ऊँचाई और चौड़ाई विशेषताएँ छवि के लोडिंग समय को नहीं बदलती हैं, बल्कि स्क्रीन पर केवल उसकी उपस्थिति (आकार) को बदलती हैं।

हाइपरलिंक

हाइपरलिंक एक ऑब्जेक्ट (पाठ, छवि, छवि खंड) है, जिसे माउस से क्लिक करने पर एक नया दस्तावेज़ या दस्तावेज़ खंड बन जाता है। यह हाइपरलिंक है जो आपको इंटरनेट पर पोस्ट किए गए किसी भी दस्तावेज़ के बीच बदलाव को व्यवस्थित करने की अनुमति देता है।

टेक्स्ट हाइपरलिंक

HTML दस्तावेज़ों और दस्तावेज़ अंशों के बीच संबंध टैग का उपयोग करके व्यवस्थित किया जाता है ...(अंग्रेजी से ए एनचोर - एंकर).

टैग का उपयोग किसी अन्य दस्तावेज़ के लिए लिंक बनाने और किसी दस्तावेज़ के टुकड़े से लिंक करने के लिए किया जाता है।

आवश्यक विशेषता:

एचआरईएफ = यूआरएल

लक्ष्य दस्तावेज़ का पता (पूर्ण और सापेक्ष रूप में प्रस्तुत किया जा सकता है)

बुनियादी वैकल्पिक विशेषताएँ:

नाम='' नाम"

बीच वाले को चिन्हित करता है< A >और ए > दस्तावेज़ खंड एक संभावित लिंक ऑब्जेक्ट के रूप में। मान के रूप में, आपको लैटिन में कोई भी सूचकांक शब्द लिखना होगा जो इस दस्तावेज़ के लिए अद्वितीय हो। उदाहरण के लिए, सेक्शन1 टैग सेक्शन 1 पर जाने के लिए एक तथाकथित लेबल (बुकमार्क) बनाता है। इस मामले में, आप दस्तावेज़ नाम (# से पहले) के बाद केवल उसका नाम इंगित करके चिह्नित क्षेत्र को संदर्भित कर सकते हैं।

इसलिए,< A HREF =" Index . html # part 1">भाग 1 ए > आपको इंडेक्स फ़ाइल के "भाग 1" अनुभाग में ले जाएगा। एचटीएमएल और
< A HREF ="# part 2">अनुभाग 2 ए > - वर्तमान दस्तावेज़ के अनुभाग "भाग 2" के लिए, बशर्ते कि दस्तावेज़ में संबंधित लेबल हो

लक्ष्य = " नाम"

लक्ष्य दस्तावेज़ को प्रदर्शित करने के लिए फ़्रेम (फ़्रेम) या विंडो का नाम।

इस विशेषता का उपयोग केवल HREF पैरामीटर के संयोजन में किया जाता है। मान या तो मौजूदा फ़्रेमों में से किसी एक का नाम होना चाहिए या निम्नलिखित आरक्षित नामों में से एक होना चाहिए:

_स्वयं - इंगित करता है कि एचआरईएफ पैरामीटर में निर्दिष्ट दस्तावेज़ को वर्तमान फ्रेम में प्रदर्शित किया जाना चाहिए;
_parent - इंगित करता है कि दस्तावेज़ को वर्तमान फ़्रेम के मूल फ़्रेम में प्रदर्शित किया जाना चाहिए (पूरी तरह से ब्राउज़र विंडो पर कब्जा);

_रिक्त - निर्दिष्ट करता है कि दस्तावेज़ को एक नई विंडो में प्रदर्शित किया जाना चाहिए

शीर्षक= " मूलपाठ!}"

जब आप किसी हाइपरलिंक पर माउस घुमाते हैं तो एक टूलटिप प्रदर्शित करता है

टैग के बीच रखे गए पाठ और चित्र दस्तावेज़ का सक्रिय क्षेत्र बन जाते हैं, जो माउस क्लिक के प्रति संवेदनशील होते हैं जिससे लक्ष्य दस्तावेज़ लोड होता है। हाइपरलिंक टेक्स्ट को टैग के लिंक, ए लिंक, वी लिंक विशेषताओं (या डिफ़ॉल्ट रंग) के मान के रूप में निर्दिष्ट अंडरलाइनिंग और रंगों के साथ हाइलाइट किया गया है।

हाइपरलिंक-चित्र

संपूर्ण छवि को हाइपरलिंक बनाने के लिए, आप टैग का भी उपयोग कर सकते हैं ...., केवल पाठ के बजाय (या पाठ के साथ) बीच में< A >और A > टैग स्थित है< IMG …>सभी प्रासंगिक विशेषताओं के साथ.

उदाहरण के लिए , ।

हाइपरलिंक मानचित्र

टैग आपको एक पाठ खंड या संपूर्ण छवि को सक्रिय क्षेत्र बनाने की अनुमति देता है; एक छवि के विभिन्न टुकड़ों को विभिन्न लक्ष्य दस्तावेज़ों से जोड़ने के लिए, आपको एक टैग का उपयोग करना होगा जो मानचित्र छवि को लागू करता है।

एक कंटेनर टैग के लिए, एकमात्र आवश्यक विशेषता NAME है, जिसका मान नाम होगा (उदाहरण के लिए, NAME = "mymap", जिसका उपयोग IMG टैग की USEMAP विशेषता का वर्णन करते समय किया जाना चाहिए, जो छवि का वर्णन करता है। एक नक्शा (# - USEMAP='#mymap' के साथ)

कंटेनर के अंदर, छवि के प्रत्येक माउस-संवेदनशील क्षेत्र में निम्नलिखित विशेषताओं वाला एक टैग होना चाहिए:

विशेषता वाक्यविन्यास

उद्देश्य

निर्देशांक= सूची

सक्रिय क्षेत्र के निर्देशांक की अल्पविराम से अलग की गई सूची (दिए गए क्षेत्र आकार के प्रकार के आधार पर)

एचआरईएफ = यूआरएल

आकार = रूप

कोर के आकार को परिभाषित करता है. इस विशेषता के लिए संभावित मान:

घेरा(सर्कल - केंद्र के निर्देशांक और पिक्सेल में त्रिज्या द्वारा निर्दिष्ट);

रेक्ट(आयत - ऊपरी बाएँ और निचले दाएँ कोने के निर्देशांक द्वारा निर्दिष्ट);

पाली(बहुभुज - इसके शीर्षों के निर्देशांक द्वारा परिभाषित)

सभी मामलों में, निर्देशांक को छवि के ऊपरी बाएं कोने से पिक्सेल में मापा जाता है, एक्स अक्ष को दाईं ओर निर्देशित किया जाता है, और वाई अक्ष को नीचे की ओर निर्देशित किया जाता है।

NOREF

कभी-कभी यह इंगित करना आवश्यक होता है कि दिया गया क्षेत्र (SHAPE विशेषता और COORDS निर्देशांक द्वारा निर्दिष्ट) सक्रिय नहीं है, माउस क्लिक पर कोई प्रतिक्रिया नहीं होती है

टेबल

HTML दस्तावेज़ों में तालिकाओं का उपयोग फ़्रेमयुक्त कोशिकाओं में डेटा रखने के लिए नहीं किया जाता है, बल्कि पाठ और छवियों के टुकड़ों को एक दूसरे के सापेक्ष व्यवस्थित करने के लिए किया जाता है।

HTML में तालिकाएँ पंक्ति दर पंक्ति बनाई जाती हैं। सभी सारणीबद्ध डेटा टैग में संलग्न हैं

; कोशिकाओं की प्रत्येक पंक्ति (पंक्तियों) का विवरण टैग में निहित है...; प्रत्येक सेल की सामग्री टैग ... (नियमित सेल) या ... H> (हेडर) में समाहित होती है।

इस प्रकार, उदाहरण के लिए, दो पंक्तियों की एक तालिका, जिसमें प्रत्येक में दो कोशिकाएँ हैं, का वर्णन करने के लिए आपको निम्नलिखित संरचना बनानी होगी:

टेबल सेल में टेक्स्ट, इमेज, नेस्टेड टेबल आदि हो सकते हैं। आपको तालिका कक्षों को खाली नहीं छोड़ना चाहिए; यदि कोई सेल खाली दिखे तो उसमें एक न टूटने वाला स्थान रखें।

तालिका कक्षों में रखा गया पाठ डिफ़ॉल्ट रूप से ब्राउज़र द्वारा स्वचालित रूप से रखा जाता है; पाठ शब्द दर शब्द प्रदर्शित होता है; जब सेल की दाहिनी सीमा तक पहुँच जाता है, तो अगला शब्द एक नई पंक्ति में चला जाता है।

तालिका सेल कई पंक्तियों या स्तंभों को फैला सकते हैं; ऐसी कोशिकाओं का वर्णन करते समय, विशेषताएँ ROWSPAN (एक सेल जिसके टैग में यह विशेषता होती है, पंक्तियों की निर्दिष्ट संख्या द्वारा "विस्तारित" होती है) और COLSPAN (सेल कई स्तंभों द्वारा "विस्तारित" होती है) हैं इस्तेमाल किया गया। मर्ज की गई कोशिकाओं के साथ तालिका को व्यवस्थित करने का एक उदाहरण यहां दिया गया है:

< TR >

< TD ROWSPAN=2>1-1 टीडी >

तालिकाओं का वर्णन करने वाले टैग में कई वैकल्पिक विशेषताएँ होती हैं।

टैग विशेषताएँ समग्र रूप से तालिका के पैरामीटर निर्दिष्ट करती हैं:

विशेषता वाक्यविन्यास

उद्देश्य

संरेखित करें = मान

पाठ प्रवाह के सापेक्ष संरेखण; संभावित मान बाएँ, दाएँ और केंद्र हैं

पृष्ठभूमि= यूआरएल

संपूर्ण तालिका के लिए पृष्ठभूमि छवि

बीजीरंग= रंग

पृष्ठभूमि का रंग

सीमारंग= रंग

सीमा रंग

सीमारंग गहरा = रंग

मुख्य फ़्रेम के दाएं और निचले किनारों तथा प्रत्येक सेल के बाएं और ऊपरी किनारों को निर्दिष्ट रंग से रंगता है

सीमारंगरोशनी= रंग

मुख्य फ़्रेम के बाएँ और ऊपरी किनारों को रंगता है और, तदनुसार, प्रत्येक सेल के दाएँ और निचले किनारों को निर्दिष्ट रंग में रंगता है

सेलपैडिंग = मूल्य

सेल बॉर्डर से उसकी सामग्री तक की दूरी पिक्सेल में

सेलस्पेसिंग = मान

कोशिकाओं के बीच की दूरी पिक्सेल में

एचएसपीएसीई = अर्थ

पिक्सेल में तालिका के बाएँ और दाएँ खाली स्थान

वीस्पेस = अर्थ

तालिका के ऊपर और नीचे खाली स्थान पिक्सेल में

चौड़ाई= अर्थ

तालिका की चौड़ाई (पिक्सेल में या वर्तमान ब्राउज़र विंडो की चौड़ाई के प्रतिशत के रूप में सेट)

टैग विशेषताएँ किसी दी गई श्रृंखला के मापदंडों को निर्दिष्ट करती हैं (यदि विरोधाभास उत्पन्न होता है, तो टैग में निर्दिष्ट विशेषताएँ रद्द कर दी जाती हैं)। सेल सामग्री का संरेखण; संभावित मान बाएँ, दाएँ और केंद्र हैं

पृष्ठभूमि= यूआरएल

दी गई तालिका पंक्ति की कोशिकाओं के लिए पृष्ठभूमि छवि

बीजीरंग= रंग

इस पंक्ति में कक्षों के लिए पृष्ठभूमि रंग

सीमा = अर्थ

इस पंक्ति की कोशिकाओं के चारों ओर की सीमा की मोटाई BORDER=0 एक अदृश्य सीमा को इंगित करती है

वैलिग्न = अर्थ

सेल सामग्री का लंबवत संरेखण; संभावित मान शीर्ष, केंद्र और नीचे हैं

टैग विशेषताएँ किसी दिए गए सेल के पैरामीटर सेट करती हैं (यदि विरोधाभास उत्पन्न होता है, तो निर्दिष्ट विशेषताएँ और टैग रद्द कर दिए जाते हैं)।

विशेषता वाक्यविन्यास

उद्देश्य

संरेखित करें = अर्थ

सेल सामग्री को संरेखित करें; संभावित मान बाएँ, दाएँ और केंद्र हैं

पृष्ठभूमि= उर एल

तालिका सेल के लिए पृष्ठभूमि छवि

बीजीरंग= रंग

सेल के लिए पृष्ठभूमि रंग

सीमा = अर्थ

कोशिका के चारों ओर के फ्रेम की मोटाई

वैलिग्न = अर्थ

सेल सामग्री का लंबवत संरेखण; संभावित मान शीर्ष, केंद्र और नीचे हैं

चौड़ाई= अर्थ

पिक्सेल में सेल की चौड़ाई या तालिका की चौड़ाई का प्रतिशत

रोवस्पैन= अर्थ

किसी सेल द्वारा कवर की गई पंक्तियों की संख्या को इंगित करता है

कोलस्पैन = अर्थ

किसी सेल द्वारा कवर किए गए स्तंभों की संख्या निर्दिष्ट करता है

तालिकाओं के साथ काम करते समय, ध्यान रखें कि WIDTH विशेषता के लिए निर्दिष्ट मान कई मामलों में केवल ब्राउज़र द्वारा "नोट" किया जाता है। दिए गए अनुपात को शायद ही कभी सटीक रूप से बनाए रखा जाता है; ब्राउज़र तालिका को यथासंभव सर्वोत्तम रूप से प्रदर्शित करने का प्रयास करता है (अपनी समझ में)।

लंगर

किसी वेब पेज पर टिकर का उपयोग इसे अधिक गतिशील बनाता है और आपको किसी वस्तु के हिलने का प्रभाव पैदा करने की अनुमति देता है। टैग का उपयोग करके टिकर बनाना< MARQUEE >... मार्की >.

बीच में< MARQUEE >और मार्की> पाठ के टुकड़े और चित्र स्थित किए जा सकते हैं। टेक्स्ट को उपयुक्त टैग का उपयोग करके स्वरूपित किया जा सकता है और ग्राफिक्स का उपयोग करके डाला जा सकता है।

विशेषता वाक्यविन्यास

उद्देश्य

बीजीरंग= रंग

पृष्ठभूमि का रंग। यदि पृष्ठभूमि निर्दिष्ट है, तो ब्राउज़र स्क्रीन पर एक रंगीन पट्टी खींचता है जिसके साथ पाठ या छवि चलती है।

ऊंचाई = अर्थ

बैकग्राउंड बार की ऊंचाई. मान पिक्सेल में या ब्राउज़र विंडो ऊंचाई के प्रतिशत के रूप में निर्दिष्ट किया गया है।

उदाहरण के लिए, यदि आप HEIGHT=25% विशेषता निर्दिष्ट करते हैं, तो टिकर बार विंडो की ऊंचाई के एक चौथाई हिस्से पर कब्जा कर लेगा

चौड़ाई= अर्थ

टिकर बार की चौड़ाई, पिक्सेल में या ब्राउज़र विंडो की चौड़ाई के प्रतिशत के रूप में इंगित की गई है

दिशा= अर्थ

रेखा की गति की दिशा: बाएँ - बाएँ (डिफ़ॉल्ट), दाएँ - दाएँ, ऊपर - ऊपर, नीचे - नीचे

व्यवहार = अर्थ

विशेषता टिकर के व्यवहार को नियंत्रित करती है:

स्क्रॉल (डिफ़ॉल्ट) - विंडो के किनारे तक पहुँचने पर, रेखा दृश्य से बाहर हो जाती है और फिर विपरीत दिशा में दिखाई देती है;

स्लाइड - खिड़की के किनारे से एक रेखा दिखाई देती है, विपरीत तक पहुँचती है और रुक जाती है;

वैकल्पिक - रेखा दायीं या बायीं ओर चलती है, खिड़की के किनारों से "प्रतिबिंबित" होती है और गति की दिशा बदलती है

एचएसपीएसीई = पिक्सेल ऑफसेट

टिकर बार को क्षैतिज रूप से दाईं ओर शिफ्ट करें

वीस्पेस = आप सह टीए पिक्सेल में

पट्टी के ऊपर और नीचे खाली जगह बनाना

लूप = अर्थ

स्क्रीन पर लाइन ट्रांज़िशन की संख्या

स्क्रॉलमाउंट = अर्थ

प्रत्येक चरण में रेखा पार करने वाले पिक्सेल की संख्या। डिफ़ॉल्ट मोड लगभग 10 px/चरण है। यह विशेषता आपको लाइन गति की गति को समायोजित करने की अनुमति देती है

स्क्रॉलदेले = अर्थ

चरणों के बीच समय अंतराल (मिलीसेकंड में) को परिभाषित करता है, इस विशेषता का उपयोग करके आप रेखा को झटके से घुमा सकते हैं

ट्रूस्पेड

जब यह ध्वज (बिना मान के एक विशेषता) सेट किया जाता है, तो निर्दिष्ट SCROLDELAY मान का उपयोग किया जाएगा। यदि ध्वज सेट नहीं है, तो मान SCROLDELAY है। इन टैगों के बीच कुछ भी वेब पेज पर प्रदर्शित नहीं किया जाएगा।

वैकल्पिक टैग

यदि कोई टैग सूचीबद्ध नहीं है, तो इसका मतलब यह नहीं है कि उसका प्रतिनिधित्व ही नहीं किया गया है। ऐसे कुछ नियम हैं जो आपको कुछ टैग नहीं लिखने की अनुमति देते हैं। तालिका में 1 ऐसे टैग दिखाता है जिन्हें छोड़ा जा सकता है और वह स्थिति जिसके तहत ऐसा होता है।

मेज़ 1. वैकल्पिक टैग टैग शर्त
यदि अंदर अन्य तत्व हैं।
यदि खाली है और उसमें स्थान या टिप्पणी के अलावा कुछ और भी है।
यदि किसी तत्व का अनुसरण किया जाता है
  • यदि किसी तत्व के बाद या आता है।
    यदि तत्व का अनुसरण किया जाता है, या यह मूल तत्व में से अंतिम है।

    यदि तत्व के बाद , , , , , , , , , ,..., , , , , , , है

    , , ,

    ,
      .
    और पहले नहीं आता है, या जिसका समापन टैग हटा दिया गया है।या वह माता-पिता के साथ आखिरी व्यक्ति है।
    यदि किसी तत्व के बाद या आता है।
    यदि किसी तत्व के बाद या आता है।
    यदि तत्व मूल तत्व के बाद आता है या उसका अंतिम तत्व है।
    यदि तत्व का अनुसरण किया जाता है, या यह मूल तत्व में से अंतिम है।
    यदि . पहले अंदर आता है और दूसरे तत्व से पहले नहीं आता है।
    यदि किसी तत्व के बाद या आता है।
    अगर पहला वाला अंदर है
    यदि तत्व के बाद या आता है या यह मूल तत्व का अंतिम तत्व है।
    यदि तत्व मूल तत्व के बाद आता है या उसका अंतिम तत्व है।
    यदि किसी तत्व का अनुसरण किया जाता है
    यदि किसी तत्व का अनुसरण किया जाता है या फिर वह माता-पिता के साथ आखिरी व्यक्ति है।
    यदि किसी तत्व का अनुसरण किया जाता है या फिर वह माता-पिता के साथ आखिरी व्यक्ति है।

    यदि शुरुआती टैग में एक या अधिक विशेषताएँ हैं, तो टैग को निर्दिष्ट किया जाना चाहिए।

    इस तथ्य के कारण कि कई टैग निर्दिष्ट नहीं किए जा सकते, क्योंकि... वे डिफ़ॉल्ट रूप से निहित होते हैं, कोई भी दस्तावेज़ निम्नलिखित भागों में सिमट जाता है।

  • एक वैकल्पिक बाइट ऑर्डर मार्क (बीओएम)।
  • .
  • .
  • आप डॉकटाइप से पहले और बाद में कितनी भी संख्या में रिक्त स्थान या टिप्पणियाँ सम्मिलित कर सकते हैं। इस प्रकार, सिद्धांत का कोड की पहली पंक्ति पर होना आवश्यक नहीं है।

    उदाहरण 1 पारंपरिक अभिवादन प्रदर्शित करने के लिए न्यूनतम HTML कोड दिखाता है।

    उदाहरण 1: न्यूनतम HTML

    एचटीएमएल5 आईई सीआर ऑप सा एफएक्स

    हैलो वर्ल्ड!

    बाइट ऑर्डर चिह्न में दस्तावेज़ की शुरुआत में एक U+FEFF वर्ण कोड होता है, जहां इसका उपयोग एन्कोडिंग निर्धारित करने के लिए किया जाता है। इस प्रतीक को हटाने की अनुशंसा की जाती है, क्योंकि इसकी उपस्थिति से कुछ ब्राउज़रों में दस्तावेज़ प्रदर्शित करने में त्रुटियां होती हैं। ऐसा करने के लिए, आप नोटपैड++ संपादक का उपयोग कर सकते हैं, "एनकोडिंग" मेनू में, "यूटीएफ-8 में एनकोड करें (बीओएम के बिना)" चुनें (चित्र 3)।

    चावल। 3. एन्कोडिंग का चयन करें

    उपयोगी कड़ियां
    • बाइट ऑर्डर मार्क के बारे में अधिक जानकारी
      http://unicode.org/faq/utf_bom.html#bom1
    • नोटपैड++ संपादक

    इंगित करता है कि आपका वेब पेज किस HTML मानक के अनुसार लिखा गया है।


    DOCTYPE विवरण
    एचटीएमएल 5
    सभी दस्तावेज़ों के लिए.
    एचटीएमएल 4.01
    सख्त HTML सिंटैक्स.
    संक्रमणकालीन HTML वाक्यविन्यास.
    एक HTML दस्तावेज़ फ़्रेम का उपयोग करता है।
    एक्सएचटीएमएल 1.0
    सख्त XHTML सिंटैक्स.
    एक्सएचटीएमएल ट्रांजिशनल सिंटैक्स।
    दस्तावेज़ XHTML में लिखा गया है और इसमें फ़्रेम शामिल हैं।
    XHTML मोबाइल प्रोफ़ाइल, मोबाइल फ़ोन के लिए विशिष्ट तत्व जोड़ता है।
    एक्सएचटीएमएल 1.1
    इस परिभाषा में प्रकारों का कोई विभाजन नहीं है; वाक्यविन्यास समान है और स्पष्ट नियमों का पालन करता है।

    तो, कई सिद्धांत हैं (HTML और XHTML के लिए सख्त और संक्रमणकालीन)। कौन सा मानक चुनना है यह प्रश्न है।

    HTML और XHTML मानक

    HTML वेब दस्तावेज़ों के लिए एक मानक मार्कअप भाषा है।

    HTML 4.01 और HTML5 में, किसी पृष्ठ का स्वरूप उसकी सामग्री से अलग किया जाता है। सामग्री और संरचना (शीर्षक, पैराग्राफ, लिंक) HTML में निर्दिष्ट हैं। डिज़ाइन (संरेखण, फ़ॉन्ट, रंग) सीएसएस शैलियों द्वारा निर्दिष्ट किया गया है।

    उदाहरण के लिए, संरेखण टैग और विशेषता को हटा दिया गया है।

    XHTML XML पर आधारित एक एक्स्टेंसिबल वेब दस्तावेज़ मार्कअप भाषा है। XHTML मानक HTML 4.01 और XHTML के बीच अंतरों की एक सूची है।

    XHTML आवश्यकताएँ आवश्यक नहीं हो सकतीं
    सभी टैग बंद होने चाहिए.

    सभी टैग, विशेषताएँ और CSS गुण लोअरकेस में होने चाहिए।
    सभी टैग विशेषता मान उद्धरण चिह्नों में संलग्न होने चाहिए।
    पदानुक्रम का कड़ाई से पालन किया जाना चाहिए: पहला टैग सबसे बाद में बंद किया जाता है।... ...
    किसी ब्लॉक टैग को इनलाइन टैग में नेस्ट नहीं किया जा सकता। (एक ब्लॉक तत्व के बाद, पेज पर आगे का आउटपुट एक नई लाइन पर होता है। एक इनलाइन तत्व एक लाइन ब्रेक उत्पन्न नहीं करता है।)... ...
    बूलियन विशेषताएँ विस्तारित रूप में लिखी जाती हैं।
    छवियों में विवरण होना चाहिए

    एक्सएचटीएमएल भाषा के फायदे वाक्यविन्यास की कठोरता नहीं हैं, बल्कि आपके स्वयं के टैग के साथ आने की क्षमता हैं।

    हालाँकि, 2 जुलाई 2009 को वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने XHTML की अवधारणा को गलत मानते हुए XHTML 2.0 पर काम बंद करने की घोषणा की। प्रोग्रामर्स के एक समूह ने HTML5 मानक पर काम करना शुरू कर दिया। और यद्यपि HTML5 मानक को अभी तक अनुमोदित नहीं किया गया है, कई साइटों पर पहले ही इस पर लिखा जा चुका है।

    कोई भी यह सोच रहा है कि HTML5 कब समाप्त होगा, वह मूल स्रोत देख सकता है:

    HTML5 मानक का आधिकारिक संस्करण यहां स्थित है: www.w3.org/TR/html5/

    आइए एक चुनाव करें. ऐसा करना कठिन नहीं है: यदि आप HTML भाषा का विस्तार करने का इरादा नहीं रखते हैं तो आपको XHTML मानक का उपयोग नहीं करना चाहिए।

    हम इस पर ध्यान नहीं देंगे! DOCTYPE, फ़्रेम का उपयोग करने वाले दस्तावेज़ों के लिए अभिप्रेत है: परसों।

    अगला प्रश्न यह है: कौन सा वाक्यविन्यास चुनें - सख्त या सकर्मक?

    सख्त और संक्रमणकालीन HTML 4.01 सिंटैक्स

    नए मानक में परिवर्तन को आसान बनाने के लिए ट्रांज़िशन सिंटैक्स मौजूद हैं। वे बहुत कुछ छोड़ देंगे जो सख्त वाक्यविन्यास त्रुटियों पर विचार करेगा।

    एक उदाहरण से यह समझना आसान है कि यहां क्या है। सबसे पहले, आइए सख्त सिंटैक्स सेट करें।

    सख्त वाक्यविन्यास वैधता जांच वैधता जांच

    लाल।

    घोषित मानक के साथ HTML कोड के अनुपालन को वैधता कहा जाता है, और इस अनुपालन की जाँच को सत्यापन कहा जाता है।

    लेआउट त्रुटियों को ट्रैक करने के लिए, फ़ायरफ़ॉक्स एचटीएमएल वैलिडेटर ऐड-ऑन इंस्टॉल करें।

    आइए अपना पेज खोलें फ़ायर्फ़ॉक्स ब्राउज़र, माउस को सत्यापनकर्ता चिह्न पर ले जाएं:

    सत्यापनकर्ता चिह्न पर डबल क्लिक करने से त्रुटियों की एक विस्तृत सूची मिलेगी:


    आइए बदलें! DOCTYPE को सिंटैक्स में परिवर्तित करें:

    संक्रमणकालीन वाक्यविन्यास वैधता जांच वैधता जांच

    कुछ पाठ को लाल रंग में हाइलाइट करने की आवश्यकता है।

    फ़ायरफ़ॉक्स लॉन्च करें। त्रुटियाँ नहीं:


    सब कुछ ठीक लग रहा है. शायद हमें वहीं रुक जाना चाहिए?

    मेरी सलाह: या तो HTML 4.01 के सख्त सिंटैक्स के अनुसार या सीधे HTML5 में एक वैध लेआउट बनाएं। HTML का उपयोग उसके इच्छित उद्देश्य के लिए किया जाना चाहिए, और डिज़ाइन को CSS पर छोड़ दिया जाना चाहिए। इसके अलावा, यदि साइट में एक वैध लेआउट है, लेकिन यह किसी भी ब्राउज़र में सही ढंग से प्रदर्शित नहीं होता है, तो यह निश्चित रूप से एक ब्राउज़र समस्या है। ब्राउज़र के नए संस्करण मानक का बेहतर अनुपालन करेंगे और वैध कोड की व्याख्या करने में गलतियाँ नहीं करेंगे। यदि किसी जटिल लेआउट को अमान्य तरीके से लागू किया जाता है, तो इस बात की कोई गारंटी नहीं है कि ब्राउज़र के नए संस्करण इसे टुकड़ों में नहीं तोड़ देंगे।

    संक्रमणकालीन वाक्यविन्यास की निष्ठा से प्रलोभित न हों, केवल मानकों का कड़ाई से अनुपालन करें!

    वैध लेआउट की आवश्यकता क्यों है?

    ऐसा प्रतीत होता है, परेशान क्यों हों? आख़िरकार, ब्राउज़र अक्सर छोटी लेआउट खामियों को स्वचालित रूप से ठीक कर देते हैं, और साइट बिल्कुल ठीक काम करती है। लेकिन इन छोटी, व्यावहारिक रूप से ध्यान न देने योग्य त्रुटियों को फिर भी खोज इंजन द्वारा देखा जाता है। यहां तक ​​कि एक टैग भी गायब है

    - साइट की गुणवत्ता का आकलन करने में यह एक माइनस है।

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



    आइए भाषा सीखना शुरू करें। HTML टेक्स्ट "सादा टेक्स्ट" है। किसी दस्तावेज़ की सभी हाइपरटेक्स्ट विशेषताएं टैग का उपयोग करके निर्दिष्ट की जाती हैं - इस पाठ में शामिल विशेष नोट्स।

    वहाँ पाठ होने दो:

    आइए इस पाठ को अलग तरीके से लिखें, पाठ को कैसे प्रदर्शित किया जाना चाहिए, इस पर निर्देश सम्मिलित करते हुए। हम कोण कोष्ठक के साथ निर्देशों को उजागर करते हैं।

    HTML में निर्देशों को टैग कहा जाता है। ब्राउज़र टैग निर्देशों को निष्पादित करता है, अर्थात उन्हें दिखाए बिना, पाठ में परिवर्तन करता है। इसलिए, हम स्क्रीन पर निम्नलिखित देखेंगे:

    “माँ फ्रेम धो रही थी, और बिल्ली गेंद से खेल रही थी। लड़के ने बिल्ली से गेंद ले ली।”

    टैग - कोण कोष्ठक में आदेश. टैग का नाम ओपनिंग एंगल ब्रैकेट के बाद लिखी जाने वाली पहली चीज़ है, इसके पहले कोई रिक्त स्थान नहीं है! एकल टैग और कंटेनर टैग हैं। एकल टैग ब्राउज़र के लिए कुछ कमांड हैं जो उस स्थान पर निष्पादित होते हैं जहां यह निर्दिष्ट है, उदाहरण के लिए, कमांड "एक रेखा खींचें":

    कंटेनर टैग में एक उद्घाटन टैग और एक समापन टैग होता है, और उनका संकेत उनके बीच स्थित सभी पाठ को संदर्भित करता है, वे कहते हैं: "कंटेनर में निहित।" समापन टैग का नाम शुरुआती टैग के समान है, लेकिन नाम के पहले एक स्लैश वर्ण है: "/":

    माँ ने फ्रेम धोया.

    .

    एक टैग में विशेषताएँ हो सकती हैं। विशेषता टैग को पूरक और स्पष्ट करती है। गुणों का क्रम महत्वपूर्ण नहीं है. उदाहरण के लिए, HR टैग में WIDTH विशेषता होती है, जो रेखा की चौड़ाई, आकार, रेखा की मोटाई, ALIGN, स्थान (संरेखण), और COLOR, रंग को इंगित करती है। गुण मान किसी दी गई विशेषता को निर्दिष्ट करते हैं। सिंटैक्स नियम इस प्रकार है: टैग नाम के बाद कम से कम एक स्थान हो सकता है, फिर, रिक्त स्थान से अलग होकर, त्रिगुण अनुसरण कर सकते हैं: विशेषता, "=" प्रतीक, मान। यह अनुशंसा की जाती है कि मान को उद्धरण चिह्नों में संलग्न किया जाए, हालांकि HTML मानक केवल लैटिन अक्षरों और संख्याओं वाले मानों को उद्धरण चिह्नों में संलग्न नहीं करने की अनुमति देता है।

    स्क्रीन पर छवि कुछ इस प्रकार होगी।

    _____________________________________

    यदि यह निहित है तो मानक आपको समापन टैग को छोड़ने की अनुमति देता है। उदाहरण के लिए, टैग करें

    इसमें एक समापन अनुच्छेद है, लेकिन अगला अनुच्छेद खोलने से पहले इसे छोड़ा जा सकता है। टैग

    एक अनुच्छेद इंगित करता है.

    माँ ने फ्रेम धोया.

    बेटी गेंद से खेल रही थी.

    कुछ विशेषताओं का कोई मान नहीं होता है, या यूँ कहें कि उनका एक ही अर्थ होता है, और इसलिए टैग में इस विशेषता को इंगित करना या न करना ही पर्याप्त है। उदाहरण के लिए, FRAME टैग में NORESIZE विशेषता है, जो इंगित करती है कि उपयोगकर्ता को फ़्रेम का आकार बदलने की अनुमति नहीं है।

    HTML में टैग (तत्व) को लूप के समान एक दूसरे के भीतर नेस्ट किया जा सकता है सशर्त बयानप्रोग्रामिंग भाषाओं में. बिना नेस्टिंग के टैगों का अंतर्विरोध निषिद्ध है।

    ग़लत प्रविष्टि का एक उदाहरण:

    ब्लॉक उदाहरण

    नेस्टेड पैराग्राफ के साथ

    सही प्रविष्टि का उदाहरण:

    ब्लॉक उदाहरण

    नेस्टेड पैराग्राफ के साथ

    टैग के अलावा और सादे पाठ HTML कोड में आपको तथाकथित कैरेक्टर ऑब्जेक्ट या एस्केप सीक्वेंस का सामना करना पड़ सकता है: नामित और क्रमांकित इकाइयाँ। किसी दस्तावेज़ में उन वर्णों का प्रतिनिधित्व करने के लिए उनकी आवश्यकता होती है जो वाक्यात्मक या भौतिक रूप से निषिद्ध हैं, साथ ही ऐसे वर्ण जिन्हें कीबोर्ड से दर्ज नहीं किया जा सकता है। उदाहरण के लिए,

    टैग नामों और विशेषता नामों और मूल्यों के लिए अक्षरों का मामला महत्वपूर्ण नहीं है। हालाँकि कुछ शैली बनाए रखने की अनुशंसा की जाती है, उदाहरण के लिए, सभी टैग के नाम बड़े अक्षरों में, या छोटे अक्षरों में, या छोटे अक्षरों में लिखें, लेकिन पहले बड़े अक्षर के साथ। ऐसे पाठ को किसी व्यक्ति के लिए समझना आसान होता है।

    बहुत महत्वपूर्ण लेख! ब्राउज़र का उद्देश्य क्लाइंट को आपका पेज दिखाना है। किसी त्रुटि के प्रति ब्राउज़र की सामान्य प्रतिक्रिया त्रुटि को ठीक करने का प्रयास करना है, और यदि वह विफल हो जाता है, तो उन शब्दों या टैग को छोड़ दें जिन्हें वह समझ नहीं पाता है। दोनों ही अच्छे और बुरे हैं। चूँकि, एक ओर, परिणामस्वरूप, ब्राउज़र उपयोगकर्ता को यथासंभव अधिक पाठ दिखाने का प्रयास करेगा, लेकिन, दूसरी ओर, इस पाठ में टैग और स्क्रिप्ट के साथ एक भाग शामिल हो सकता है, या वास्तविक पाठ नहीं हो सकता है शामिल है यदि ब्राउज़र इसे मानता है, उदाहरण के लिए, एक टिप्पणी के रूप में। एक वेबसाइट डेवलपर के लिए, ब्राउज़र का यह व्यवहार बहुत परेशान करने वाला है। इस तथ्य के लिए तैयार रहें कि सबसे पहले ब्राउज़र आपकी त्रुटियों को परिश्रमपूर्वक ठीक करेगा, लेकिन थोड़ी देर बाद यह भ्रमित हो जाएगा और पहले से काम कर रहे टुकड़े आपके लिए काम करना बंद कर देंगे। इसलिए, सलाह: गलतियाँ न करें, बल्कि आधुनिक संपादकों का उपयोग करें जो HTML नियमों से अवगत हैं और आपको त्रुटियाँ बताते हैं।



    मित्रों को बताओ