आज, इंटरनेट के विस्फोटक विकास के साथ, वेब प्रौद्योगिकियों का तेजी से उपयोग किया जा रहा है, विशेष रूप से HTML और मानक वेब ब्राउज़र में। HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) एक हाइपरटेक्स्ट मार्कअप लैंग्वेज है। यह प्रारूप दस्तावेज़ की उपस्थिति, पाठ की पारस्परिक व्यवस्था, ग्राफिक और मल्टीमीडिया जानकारी को निर्धारित करता है। अभियान बहुत बड़े पैसे के लिए साइटों के निर्माण में लगे हुए हैं। लेकिन "एचटीएमएल-टैग" की मदद से आप अपने हाथों से एक दिलचस्प वेबसाइट बना सकते हैं।
यह आवश्यक है
- - ब्राउज़र;
- - पाठ संपादक।
अनुदेश
चरण 1
HTML फ़ाइल प्रारूप काफी सरल है। फ़ाइल की रचना और उसमें परिवर्तन करना किसी भी पाठ संपादक द्वारा किया जाता है। परिणाम देखने के लिए एक वेब ब्राउज़र का उपयोग किया जाता है। HTML दस्तावेज़ों का मुख्य लाभ एक-दूसरे को क्रॉस-रेफ़र करने की उनकी क्षमता है। क्रॉस-रेफरेंस आपको रुचि के विषय पर अतिरिक्त जानकारी वाले दस्तावेज़ को जल्दी से देखने में मदद करता है, और फिर स्रोत टेक्स्ट के साथ काम करना जारी रखता है। HTML भाषा का उपयोग करके लिखे गए किसी भी दस्तावेज़ में पृष्ठ की सामग्री होती है, अर्थात। पाठ, और नियंत्रण वर्ण - टैग। सभी HTML टैग कोण कोष्ठक में संलग्न होने चाहिए। आमतौर पर, एक प्रारंभ टैग और एक अंत टैग का उपयोग किया जाता है। अंतिम टैग स्लैश की उपस्थिति से शुरुआती टैग से भिन्न होता है।
चरण दो
साइट बनाना शुरू करने के लिए, टेक्स्ट एडिटर (नोटपैड) पर जाएं।
फिर टैग दर्ज करें:
HTML - / HTML - किसी भी HTML दस्तावेज़ का पहला और अंतिम टैग।
HEAD - / HEAD - दस्तावेज़ शीर्ष का प्रारंभ और अंत।
TITLE - / TITLE - दस्तावेज़ का शीर्षक (ब्राउज़र विंडो का शीर्षक) सेट करें।
BODY - / BODY - HTML दस्तावेज़ के मुख्य भाग की शुरुआत और अंत, जो दस्तावेज़ की सामग्री को परिभाषित करता है।
चरण 3
इसके बाद, आपको टेक्स्ट को स्टाइल करने की आवश्यकता है। इसके लिए निम्नलिखित टैग की आवश्यकता है:
Hx - / Hx - (x 1 से 6 तक की संख्या है) छह विभिन्न स्तरों पर शीर्षकों का वर्णन करता है। प्रथम स्तर का शीर्षक सबसे बड़ा है, छठा स्तर सबसे छोटा है।
पी - / पी - एक पैराग्राफ का वर्णन करें (/ पी टैग अनुपस्थित हो सकता है)।
ALIGN एक पैरामीटर है जो पैराग्राफ के संरेखण को निर्धारित करता है:
संरेखण = केंद्र - केंद्र संरेखण;
ALIGN = राइट - राइट अलाइनमेंट;
संरेखित करें = बाएँ - बाएँ संरेखण।
बीआर - एक पैराग्राफ को तोड़े बिना एक नई लाइन पर जाएं।
बी - / बी - बोल्ड में टेक्स्ट प्रदर्शित करता है।
I - / I - इटैलिक में टेक्स्ट प्रदर्शित करता है।
यू - / यू - रेखांकित पाठ।
स्ट्राइक - / स्ट्राइक - स्ट्राइकथ्रू टेक्स्ट।
BLOCKQUOTE - / BLOCKQUOTE - उद्धरण प्रदर्शित करता है।
उप - / उप - सबस्क्रिप्ट प्रदर्शित करता है।
SUP - / SUP - सुपरस्क्रिप्ट का प्रदर्शन।
TT - / TT - एक निश्चित वर्ण चौड़ाई वाले फ़ॉन्ट का उपयोग करें।
BIG - / BIG - वर्तमान फ़ॉन्ट का आकार बढ़ाएँ।
छोटा - / छोटा - वर्तमान फ़ॉन्ट का आकार घटाएं।
BASEFONT SIZE = n - (n 1 से 7 तक की संख्या है) - फ़ॉन्ट आकार का आधार मान।
फ़ॉन्ट आकार = + / - n - / फ़ॉन्ट - फ़ॉन्ट आकार बदलें।
फ़ॉन्ट रंग = # xxxxxx - फ़ॉन्ट - फ़ॉन्ट रंग सेट करना: एक्वा - समुद्री लहर; काला - काला; आदि।
BODY - पृष्ठभूमि का रंग बदलें।
एचआर - क्षैतिज रेखा, यह टैग विशेषताओं का उपयोग कर सकता है:
रंग - रेखा रंग;
आकार - पिक्सेल में रेखा की चौड़ाई;
WIDTH - पिक्सेल में लाइन की चौड़ाई या विंडो की चौड़ाई के प्रतिशत के रूप में;
ALIGN - लाइन अलाइनमेंट;
NOSHADE - छाया के बिना पेंटिंग;
छाया - एक छाया के साथ ड्राइंग।
चरण 4
यदि आपको अपनी साइट में कोई सूची डालने की आवश्यकता है, तो आपको टैग दर्ज करने होंगे:
उल - / उल - अनियंत्रित सूची (गणना, कोई आदेश नहीं):
एलआई - एक सूची आइटम की परिभाषा;
TYPE एक पैरामीटर है जो एक सूची मार्कर को परिभाषित करता है:
TYPE = CIRCLE - एक वृत्त का उपयोग मार्कर के रूप में किया जाता है;
TYPE = DISK - बिंदु का उपयोग मार्कर के रूप में किया जाता है;
TYPE + SQUARE - एक वर्ग का उपयोग मार्कर के रूप में किया जाता है।
OL - / OL - क्रमांकित सूची:
TYPE एक पैरामीटर है जो सूची के प्रकार को निर्दिष्ट करता है:
TYPE = A - अपरकेस लैटिन अक्षरों का उपयोग सूची संख्या के रूप में किया जाएगा;
TYPE = a - लोअरकेस लैटिन अक्षरों का उपयोग सूची प्रगणकों के रूप में किया जाएगा;
TYPE = I - बड़े रोमन अंक सूची संख्या के रूप में उपयोग किए जाएंगे;
TYPE = i - छोटे रोमन अंक सूची संख्या के रूप में उपयोग किए जाएंगे;
START एक पैरामीटर है जो सूची की शुरुआती संख्या को परिभाषित करता है।
डीएल - / डीएल - स्पष्टीकरण के साथ सूची:
डीटी - एक सूची आइटम का पदनाम;
डीडी एक सूची आइटम के लिए एक स्पष्टीकरण है।
चरण 5
ताकि आपकी साइट एक पेज तक सीमित न रहे, कई पेज बनाएं।नेविगेट करने के लिए, आपको हाइपरलिंक की आवश्यकता होती है, जो निम्नलिखित टैग द्वारा परिभाषित होते हैं:
एक HREF = URL - / A - दस्तावेज़ में एक लिंक सम्मिलित करता है (टैग के बीच, आपको लिंक टेक्स्ट दर्ज करना होगा)।
HREF - किसी पृष्ठ या संसाधन का पता;
URL - एक समान संसाधन पता: सेवा: // सर्वर [: पोर्ट] [/पथ]:
सेवा - प्रोटोकॉल का नाम (HTTP - एक HTML दस्तावेज़ तक पहुँच, FTP सर्वर से फ़ाइल के लिए FTP अनुरोध, फ़ाइल तक पहुँच
स्थानीय मशीन पर फ़ाइल);
सर्वर - संसाधन का नाम निर्दिष्ट करना;
पोर्ट - पोर्ट नंबर जिस पर वेब सर्वर चल रहा है;
पथ वह निर्देशिका है जहाँ संसाधन स्थित है।
एक एचआरईएफ = # बुकमार्क नाम - / ए - एक स्थानीय लिंक डालें (टैग के बीच, आपको लिंक टेक्स्ट दर्ज करना होगा)।
एक नाम = बुकमार्क नाम - / ए - वह बुकमार्क सेट करें जिससे लिंक बनाया जाएगा।
चरण 6
साइट उबाऊ न हो इसके लिए ग्राफिक डिजाइन जरूरी है। ऐसा करने के लिए, टैग का उपयोग करें:
BODY BACKGRAOUND = "file_name" - पृष्ठभूमि के रूप में उपयोग किए गए चित्र को सेट करता है।
IMG SRC = "file_name" - HTML दस्तावेज़ में एक ग्राफिक फ़ाइल डालें, यह टैग मापदंडों का उपयोग करता है:
ALT = "टेक्स्ट स्ट्रिंग" - एक टेक्स्ट स्ट्रिंग को परिभाषित करता है जो ग्राफिक छवि के बजाय प्रदर्शित होती है यदि ब्राउज़र ने ग्राफिक्स को स्वचालित रूप से लोड करने की क्षमता को अक्षम कर दिया है;
ऊंचाई, चौड़ाई - पिक्सेल में छवि की ऊंचाई और चौड़ाई;
एचपीएसीई, वीएसपीएसीई - खाली स्थान की चौड़ाई जो ग्राफिक को क्षैतिज और लंबवत रूप से पाठ से अलग करती है;
ALIGN - ग्राफिक्स के सापेक्ष पाठ का संरेखण।
चरण 7
और आखिरी चीज जो आपको करने की ज़रूरत है वह है टेक्स्ट फ़ाइल को *.html प्रारूप में सहेजना, और फिर इसे अपने ब्राउज़र का उपयोग करके लॉन्च करना है। साइट तैयार है।
