Skip to main content

अपनी वेबसाइट के लिए एचटीएमएल की मूल बातें जानें

शुरुआती के लिए वेब विकास ट्यूटोरियल (# 1) - HTML, सीएसएस, जावास्क्रिप्ट के साथ वेब पृष्ठों का निर्माण कैसे (जून 2026)

शुरुआती के लिए वेब विकास ट्यूटोरियल (# 1) - HTML, सीएसएस, जावास्क्रिप्ट के साथ वेब पृष्ठों का निर्माण कैसे (जून 2026)
Anonim

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

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

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

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

यहां शीर्षक

। एक प्रारंभ टैग है, एच 1, शीर्षक, और एक अंत टैग, / एच 1.

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

यहां आप महत्वपूर्ण दस्तावेज़ जानकारी जैसे फ्रेम, भाषा और विशेष निर्देश डाल सकते हैं।

आपके पृष्ठ का शीर्षक

अपनी कहानी, चित्र, लिंक, और यहां सबकुछ रखो।

आपके अनुच्छेद का शीर्षक।

यह वह जगह है जहां आप अपने दस्तावेज़ का पाठ दर्ज करते हैं।

एक लिंक लिखना है:शीर्षक या आप क्या कहना चाहते हैं।

आप एक वाक्य के बीच में एक लिंक भी दर्ज कर सकते हैं। अगर आप कहना चाहते हैं "माइक्रोसॉफ्ट के पास कुछ अद्भुत डेमो हैं।" यह इस तरह दिखेगा:

माइक्रोसॉफ्ट बुनियादी HTML सीखने में आपकी सहायता के लिए कुछ अद्भुत डेमो हैं।

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

वापस जाओ

शब्द "वहां" शब्द है जिसे मैं आपको वापस ले जाना चाहता हूं इसलिए अब मुझे उस शब्द पर जाना होगा और बनाना होगा और एंकर करना होगा, इसलिए मैंने जो लिंक बनाया है, उसे पता है कि कहां जाना है:

क्या आप वहां मौजूद हैं

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

मूल HTML टैग

- लेखक द्वारा टिप्पणियों को नहीं देखा गया टिप्पणियां।

- इस टैग का उपयोग करके हमेशा अपना पेज शुरू करें और समाप्त करें।

- दस्तावेज़ के लिए शीर्षलेख।

- दस्तावेज़ का शरीर।

- दस्तावेज़ का शीर्षक।

- सबसे छोटा शीर्षक आकार।

- छोटे शीर्षक आकार।

- मध्यम-छोटे शीर्षक आकार।

- मध्यम-बड़े शीर्षक आकार।

- बड़े शीर्षक आकार।

- सबसे बड़ा शीर्षक आकार।

- एक हाइपरटेक्स्ट लिंक शुरू करता है।

लेखक पर जानकारी।

- लंबे उद्धरण।

- प्रीफॉर्मेटेड टेक्स्ट।

फॉर्म ब्लॉक।

- पाठ दर्ज करने के लिए एक बॉक्स बनाता है।

- एक स्क्रॉलिंग मेनू बनाता है।

- चुनने के लिए आइटम बनाता है।

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

- आदेशित सूचि।आदेशित सूची का उदाहरण:

  1. लाल
  2. नीला
  3. हरा

- अव्यवस्थित सूची।एक अनियंत्रित सूची का उदाहरण:
  • लाल
  • नीला
  • हरा

मेनू सूची।

- शब्दावली सूची।

उद्धरण

कोड कोड।

- निर्धारित अवधि।

- जोर।लाल पर जोर का उदाहरण: लाल, नीला हरा

- इटालिक।इटालिक का उदाहरण: लाल, नीला, हरा

- कीबोर्ड पाठ।

- नमूना पाठ।

- मजबूत जोर।मजबूत जोर का उदाहरण:लाल, नीला, हरा

टाइपराइटर पाठ।

- परिवर्तनीय।

- साहसिक।

- अन्य यूआरएल के लिए स्थान संदर्भ।

- दस्तावेजों को एक साथ जोड़ने की अनुमति देता है।

- दस्तावेज़ का वर्णन करता है।


- रेखा अवरोध।

- क्षैतिज रेखा।

- छवि।

अनुच्छेद।

- सामग्री सूचीबद्ध करें।

- एक सूची में एक शब्द चिह्नित करता है।

- सूची में परिभाषा को चिह्नित करता है।