एक वेबसाइट बनाने शुरू करने के लिए बेसिक एचटीएमएल जानें
अपनी वेबसाइट बनाने के लिए बुनियादी HTML सीखें। बेसिक एचटीएमएल सीखना मुश्किल नहीं है। एचटीएमएल सीखना शायद सबसे महत्वपूर्ण बात है जो आप कभी भी करेंगे यदि आप अपनी व्यक्तिगत वेबसाइट बनाना चाहते हैं। आपको अच्छे पृष्ठों को डिजाइन करने के लिए HTML सीखना होगा क्योंकि यह वह भाषा है जिसमें इंटरनेट पर वेबसाइट आधारित है।
वेब साइट्स आपके जीवन में कुछ दिखाने का एक शानदार तरीका है। बेसिक एचटीएमएल आपको दुनिया को दिखाएगा कि आप उन्हें अपनी वेबसाइट पर दिखाना चाहते हैं। जब आप मूल HTML सीखते हैं तो रंग जोड़ना, टेक्स्ट आकार बदलना और अपनी वेबसाइट पर चित्रों को शामिल करना कुछ चीजें हैं जो आप कर सकते हैं।
बुनियादी HTML सीखने के लिए आपको यह ध्यान में रखना चाहिए कि यह केवल अक्षरों की एक श्रृंखला है जो संक्षेप में संक्षेप में हैं कि वे वास्तव में क्या खड़े हैं। उदाहरण के लिए, एच 1 एक पैराग्राफ के लिए शीर्षक है जो पांच आकारों में से पहला है और बीआर एक लाइन ब्रेक है।
याद रखने के लिए एक महत्वपूर्ण बात यह है कि, जब आप मूल HTML सीखते हैं, तो यह है कि वेब पेज पर HTML टैग एक निश्चित क्रम में आते हैं और अधिकांश HTML टैग में ब्राउज़र को कमांड पहचानने के लिए प्रारंभ और अंत टैग होना चाहिए। एक अंत टैग बस प्रारंभ टैग के समान ही होता है सिवाय इसके कि यह / प्रतीक के साथ शुरू होता है। एक शीर्षक इस तरह दिखता है यहां शीर्षक H1>
। एक प्रारंभ टैग, एच 1 , शीर्षक, और एक अंत टैग, / एच 1 है ।
मूल HTML को सही तरीके से जानें और याद रखें कि टैग एक निश्चित क्रम में आना चाहिए। एक वेब पेज की मूल संरचना निम्नानुसार है:
यहां आप महत्वपूर्ण दस्तावेज़ जानकारी जैसे फ्रेम, भाषा और विशेष निर्देश डाल सकते हैं।
Head>
<बॉडी> अपनी कहानी, चित्र, लिंक, और यहां सबकुछ रखो।
<एच 1> आपके अनुच्छेद का शीर्षक। H1>
<पी> यह वह जगह है जहां आप अपने दस्तावेज़ का पाठ दर्ज करते हैं। P>
एक लिंक लिखना है:
<ए HREF = " http://www.nameofpage.com "> शीर्षक या आप क्या कहना चाहते हैं।
Body>
HTML>
आप एक वाक्य के बीच में एक लिंक भी दर्ज कर सकते हैं। अगर आप कहना चाहते हैं "माइक्रोसॉफ्ट के पास कुछ अद्भुत डेमो हैं।" यह इस तरह दिखेगा:
<ए HREF = " http://www.microsoft.com/en/us/default.aspx "> माइक्रोसॉफ्टकाएएएएआरएआर के पास बुनियादी HTML सीखने में आपकी मदद करने के लिए कुछ अद्भुत डेमो हैं।
आप न केवल अन्य पृष्ठों के लिंक बना सकते हैं बल्कि आप उसी पृष्ठ पर किसी अन्य स्थान के लिंक भी बना सकते हैं। अगर मैं चाहता हूं कि आप इस लेख की शुरुआत में वापस जाएं, तो मैं कुछ कहूंगा कि "गो बैक" और हाइपरलिंक पर क्लिक करके आप शुरुआत में वापस जाएंगे। यह थोड़ा मुश्किल है क्योंकि इसमें दो हिस्से हैं। सबसे पहले आप अपना लिंक बनाते हैं:
nameofdocument #There"> वापस जाएं ANAA >
शब्द "वहां" शब्द है जिसे मैं आपको वापस ले जाना चाहता हूं इसलिए अब मुझे उस शब्द पर जाना होगा और बनाना होगा और एंकर करना होगा, इसलिए मैंने जो लिंक बनाया है, उसे पता है कि कहां जाना है:
जब आप मूल HTML सीखते हैं तो आप अपनी वेबसाइट को टेक्स्ट एडिटर में लिख सकते हैं जो विंडोज के साथ आता है, नोटटैब और अरकोनोफिलिया जैसे कार्यक्रम, या आपके वेब ब्राउजर के साथ आता है । किसी भी तरह से अगर आप बुनियादी HTML सीखने के नियमों का पालन करते हैं तो सबकुछ ठीक हो जाएगा।
मूल HTML टैग
- लेखक द्वारा टिप्पणियों को नहीं देखा गया टिप्पणियां।
... HTML> - इस टैग का उपयोग करके हमेशा अपना पृष्ठ शुरू करें और समाप्त करें।
... HEAD> - दस्तावेज़ के लिए शीर्षलेख।
<शरीर> ... शरीर> - दस्तावेज़ का शरीर।
<एच 1> ... H1> - सबसे छोटा शीर्षक आकार।
<एच 2> ... एच 2> - छोटे शीर्षक आकार।
<एच 3> ... H3> - मध्यम-छोटे शीर्षक आकार।
<एच 4> ... एच 4> - मध्यम-बड़े शीर्षक आकार।
<एच 5> ... एच 5> - बड़े शीर्षक आकार।
... H6>
- सबसे बड़ा शीर्षक आकार।
... 432A> - एक हाइपरटेक्स्ट लिंक शुरू करता है।
... ADDRESS> - लेखक पर जानकारी।
<ब्लॉकक्वाट> ... ब्लॉकॉक>> लंबे उद्धरण।
... PRE>
- प्रीफॉर्मेटेड टेक्स्ट।
- फॉर्म ब्लॉक।
<टेक्स्टटेरा> ... टेक्स्टटेरा> - पाठ दर्ज करने के लिए एक बॉक्स बनाता है।
- एक स्क्रॉलिंग मेनू बनाता है।
<विकल्प> ... विकल्प> - चुनने के लिए आइटम बनाता है।
<डीआईआर> ... डीआईआर> - निर्देशिका सूची।
... OL>
- ऑर्डर की गई सूची।
आदेशित सूची का उदाहरण:
- लाल
- नीला
- हरा
<उल> ... UL> - अनॉर्डर्ड सूची।
एक अनियंत्रित सूची का उदाहरण:
- लाल
- नीला
- हरा
<मेनू> ... मेन्यू> - मेनू सूची।
<डीएल> ... डीएल> - शब्दावली सूची।
... CITE> - उद्धरण।
<कोड> ... कोड> - कोड फ़ॉन्ट।
<डीएफएन> ... डीएफएन> - परिभाषित शब्द।
<ईएम> ... ईएम> - जोर।
लाल पर जोर का उदाहरण:
लाल, नीला, हरा
... i> - इटालिक।
इटालिक का उदाहरण:
लाल, नीला, हरा
... KBD> - कीबोर्ड टेक्स्ट।
... SAMP> - नमूना पाठ।
<मजबूत> ... मजबूत> - मजबूत जोर।
मजबूत जोर का उदाहरण:
लाल, नीला, हरा
<टीटी> ... टीटी> - टाइपराइटर टेक्स्ट।
... VAR> - परिवर्तनीय।
<बी> ... B> - बोल्ड।
<मेटा> - दस्तावेज़ का वर्णन करता है।
- लाइन ब्रेक।
<एचआर> - क्षैतिज रेखा।
<आईएमजी> - छवि।
<पी> - अनुच्छेद।
- सूची आइटम।
<डीटी> - एक सूची में एक शब्द चिह्नित करता है।
<डीडी> - सूची में परिभाषा को चिह्नित करता है।