कैसे

HowTo होम

मेनू

चिह्न बार मेनू आइकन अकॉर्डियन टैब लंबवत टैब टैब हेडर पूरा पेज टैब होवर टैब शीर्ष नेविगेशन उत्तरदायी टोपनाव प्रतीक के साथ नेवबार खोज मेनू खोज पट्टी फिक्स्ड साइडबार पेज नेविगेशन उत्तरदायी साइडबार फ़ुलस्क्रीन नेविगेशन ऑफ-कैनवास मेनू होवर सिडेनव बटन प्रतीक के साथ साइडबार क्षैतिज स्क्रॉल मेनू लंबवत मेनू निचला नेविगेशन रिस्पॉन्सिव बॉटम नेवी बॉटम बॉर्डर एनएवी लिंक्स सही संरेखित मेनू लिंक केंद्रित मेनू लिंक समान चौड़ाई वाले मेनू लिंक निश्चित मेनू स्क्रॉल पर स्लाइड डाउन बार स्क्रॉल पर नेवबार छुपाएं स्क्रॉल पर नेवबार सिकोड़ें चिपचिपा नवबार छवि पर नवबार होवर ड्रॉपडाउन ड्रॉपडाउन पर क्लिक करें कैस्केडिंग ड्रॉपडाउन टोपनाव में ड्रॉपडाउन सिडेनव में ड्रॉपडाउन उत्तर नवबार ड्रॉपडाउन सबनेविगेशन मेनू ऊपर की ओर जाना मेगा मेनू मोबाइल मेनू परदा मेनू संक्षिप्त साइडबार संक्षिप्त साइडपैनल पृष्ठ पर अंक लगाना ब्रेडक्रम्ब्स बटन समूह लंबवत बटन समूह स्टिकी सोशल बार गोली नेविगेशन उत्तरदायी हैडर

इमेजिस

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

बटन

अलर्ट बटन रूपरेखा बटन स्प्लिट बटन एनिमेटेड बटन लुप्त होती बटन छवि पर बटन सोशल मीडिया बटन और पढ़ें कम पढ़ें लोड हो रहा है बटन डाउनलोड बटन गोली बटन अधिसूचना बटन चिह्न बटन अगला/पिछला बटन Nav . में और बटन ब्लॉक बटन टेक्स्ट बटन गोल बटन शीर्ष बटन पर स्क्रॉल करें

फार्म

लॉगिन फॉर्म साइनअप फॉर्म चेकआउट फॉर्म संपर्क करें प्रपत्र सोशल लॉग इन फॉर्म रजिस्टर फॉर्म प्रतीक के साथ प्रपत्र समाचार पत्रिका स्टैक्ड फॉर्म उत्तरदायी प्रपत्र पॉपअप फॉर्म इनलाइन फॉर्म इनपुट फ़ील्ड साफ़ करें संख्या तीर छुपाएं टेक्स्ट को क्लिपबोर्ड पर कॉपी करें एनिमेटेड खोज खोज बटन फ़ुलस्क्रीन खोज नवबार में इनपुट फील्ड नवबार में लॉगिन फॉर्म कस्टम चेकबॉक्स/रेडियो कस्टम चयन गिल्ली टहनी चेकबॉक्स चेक करें कैप्स लॉक का पता लगाएं एंटर पर ट्रिगर बटन पासवर्ड सत्यापन पासवर्ड दृश्यता टॉगल करें एकाधिक चरण प्रपत्र स्वत: पूर्ण स्वत: पूर्ण बंद करें वर्तनी जांच बंद करें फ़ाइल अपलोड बटन खाली इनपुट सत्यापन

फिल्टर

फ़िल्टर सूची फ़िल्टर तालिका फ़िल्टर तत्व ड्रॉपडाउन फ़िल्टर करें सूची क्रमबद्ध करें वर्तनी तालिका

टेबल

ज़ेबरा धारीदार तालिका सेंटर टेबल्स पूर्ण-चौड़ाई तालिका अगल-बगल टेबल्स उत्तरदायी टेबल्स तुलना तालिका

अधिक

फ़ुलस्क्रीन वीडियो मोडल बॉक्स मोडल हटाएं समय स्क्रॉल संकेतक प्रगति पट्टी कौशल बार रेंज स्लाइडर टूलटिप्स प्रदर्शन तत्व होवर पॉप अप खुलने और बंधनेवाला पंचांग एचटीएमएल शामिल है करने के लिए सूची लोडर स्टार रेटिंग यूजर रेटिंग ओवरले प्रभाव संपर्क चिप्स पत्ते फ़्लिप कार्ड प्रोफाइल कार्ड उत्पाद कार्ड अलर्ट पुकारें टिप्पणियाँ लेबल मंडलियां स्टाइल एचआर कूपन सूची समूह गोलियों के बिना सूची उत्तरदायी पाठ कटआउट टेक्स्ट चमकता हुआ पाठ निश्चित पाद लेख चिपचिपा तत्व समान ऊँचाई क्लियरफिक्स उत्तरदायी फ़्लोट्स काफ़ीहाउस फ़ुलस्क्रीन विंडो स्क्रॉल आरेखण चिकना स्क्रॉल ग्रेडियंट बीजी स्क्रॉल स्टिकी हैडर स्क्रॉल पर हैडर सिकोड़ें मूल्य निर्धारण तालिका लंबन आस्पेक्ट अनुपात उत्तरदायी इफ्रेम्स पसंद/नापसंद टॉगल करें टॉगल छुपाएं/दिखाएं डार्क मोड टॉगल करें टेक्स्ट टॉगल करें टॉगल क्लास कक्षा जोड़ें कक्षा हटाएं सक्रिय वर्ग ट्री व्यू संपत्ति निकालें ऑफलाइन डिटेक्शन छिपे हुए तत्व का पता लगाएं वेबपेज पुनर्निर्देशित करें ज़ूम होवर फ्लिप बॉक्स केंद्र लंबवत डीआईवी में केंद्र बटन होवर पर संक्रमण तीर आकार डाउनलोड लिंक पूर्ण ऊंचाई तत्व ब्राउज़र विंडो कस्टम स्क्रॉलबार स्क्रॉलबार छुपाएं स्क्रॉलबार दिखाएं/बल दें डिवाइस लुक सामग्री संपादन योग्य सीमा प्लेसहोल्डर रंग पाठ चयन रंग बुलेट रंग ऊर्ध्वाधर रेखा परकार चेतन प्रतीक काउंटडाउन टाइमर टाइपराइटर जल्द आ रहा है पेज चैट संदेश पॉपअप चैट विंडो विभाजित स्क्रीन प्रशंसापत्र अनुभाग काउंटर उद्धरण स्लाइड शो बंद करने योग्य सूची आइटम विशिष्ट डिवाइस ब्रेकप्वाइंट खींचने योग्य HTML तत्व जेएस मीडिया प्रश्न सिंटैक्स हाइलाइटर जे एस एनिमेशन जे एस स्ट्रिंग लंबाई जेएस घातांक जेएस डिफ़ॉल्ट पैरामीटर्स वर्तमान URL प्राप्त करें वर्तमान स्क्रीन आकार प्राप्त करें इफ्रेम तत्व प्राप्त करें

वेबसाइट

एक मुफ्त वेबसाइट बनाएं वेबसाइट बनाएं एक स्टेटिक वेबसाइट बनाएं एक वेबसाइट बनाएं (W3.CSS) एक वेबसाइट बनाएं (BS3) एक वेबसाइट बनाएं (बीएस 4) एक वेबसाइट बनाएं (BS5) वेबसाइट बनाएं और देखें एक लिंक ट्री वेबसाइट बनाएं एक पोर्टफोलियो बनाएं एक रिज्यूमे बनाएं एक रेस्तरां वेबसाइट बनाएं एक व्यवसाय वेबसाइट बनाएं एक वेबबुक बनाएं केंद्र वेबसाइट संपर्क अनुभाग पेज के बारे में बड़ा हैडर उदाहरण वेबसाइट

ग्रिड

2 कॉलम लेआउट 3 कॉलम लेआउट 4 कॉलम लेआउट ग्रिड का विस्तार सूची ग्रिड दृश्य मिश्रित कॉलम लेआउट कॉलम कार्ड ज़िग ज़ैग लेआउट ब्लॉग लेआउट

गूगल

गूगल चार्ट गूगल फ़ॉन्ट्स गूगल फॉन्ट पेयरिंग Google विश्लेषिकी सेट करें

कन्वर्टर्स

वजन बदलें तापमान परिवर्तित करें कन्वर्ट लंबाई कन्वर्ट स्पीड

ब्लॉग

एक डेवलपर नौकरी प्राप्त करें फ्रंट-एंड देव बनें।

लिंक ट्री वेबसाइट कैसे बनाये

एक लिंक ट्री वेबसाइट आपको अपने सभी लिंक एक साइट पर साझा करने देती है।

यह एक लैंडिंग पृष्ठ है जहां आप अपने सामाजिक नेटवर्क, ब्लॉग पोस्ट, व्यवसाय, प्रोजेक्ट आदि के लिंक प्रदर्शित कर सकते हैं।

मुफ्त में लिंक ट्री वेबसाइट बनाएं »

लिंक ट्री वेबसाइट क्यों बनाएं

आपकी ऑनलाइन उपस्थिति बढ़ाने के लिए लिंक वेबसाइट बहुत बढ़िया है।

यह उन स्थानों के लिए लिंक साझा करना आसान बनाता है जहां आपके पास सामग्री है।

इसके अलावा, लिंक वेबसाइट लोगों को एक से अधिक स्थानों पर आपसे जुड़ने में मदद करती है।

अपने दम पर लिंक वेबसाइट बनाने से आपका उस पर पूरा नियंत्रण होता है।

साइट कैसी दिखती है आपके ब्रांड को दर्शाती है। इसे जिस तरह से आप दिखाना चाहते हैं उसे डिज़ाइन करें।


अपनी लिंक ट्री वेबसाइट बनाने के लिए मुझे क्या जानना चाहिए?

वेबसाइट बनाने के लिए HTML, CSS और JavaScript मूल भाषाएं हैं।

अपनी लिंक साइट बनाने के लिए आपको बस इतना ही करना होगा।

  1. HTML के साथ संरचना बनाएं। पहली चीज जो आपको सीखनी है, वह है HTML, वेब पेज बनाने के लिए मानक मार्कअप भाषा।
  2. एचटीएमएल सीखें
  3. सीएसएस के साथ शैली। अगला कदम सीएसएस सीखना है, अपने वेब पेज के लेआउट को सुंदर रंगों, फोंट और बहुत कुछ के साथ सेट करना है।
  4. सीएसएस सीखें
  5. इसे जावास्क्रिप्ट के साथ इंटरैक्टिव बनाएं। एचटीएमएल और सीएसएस का अध्ययन करने के बाद, आपको अपने उपयोगकर्ताओं के लिए गतिशील और इंटरैक्टिव वेब पेज बनाने के लिए जावास्क्रिप्ट सीखना चाहिए।
  6. जावास्क्रिप्ट सीखें

मैं कैसे शुरू करूँ

लिंक ट्री वेबसाइट बनाना शुरू करने के दो तरीके हैं।

खरोंच से निर्माण या टेम्पलेट का उपयोग करना।

W3Schools स्पेस के साथ निर्माण करें

Spaces में, आप अपनी लिंक ट्री वेबसाइट बना सकते हैं और उसके साथ प्रयोग कर सकते हैं।

यहां आप HTML, CSS और JavaScript के साथ स्टैटिक साइट्स बना सकते हैं।

आपको जो कुछ भी चाहिए वह ठीक ब्राउज़र में है।

और अधिक जानें ❯

स्क्रैच से लिंक ट्री वेबपेज बनाना

पहली चीज़ जो आपको करने की ज़रूरत है वह है एक लेआउट बनाना, फिर सामग्री जोड़ना।

वेबसाइट लेआउट बनाने के लिए, वेबसाइट बनाने के तरीके पर हमारे लेख पर जाएं: वेबसाइट कैसे बनाएं

एक बार जब आप लेआउट बना लेते हैं। नीचे सूचीबद्ध दो मुख्य खंड बनाएं:

1. जैविक खंड।

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

यह लिंक ट्री वेबसाइट के शीर्ष पर प्रदर्शित होता है।

इसे छोटा और मीठा रखें।

बायो सेक्शन में आपकी छवि, नाम और आपका पेशा शामिल हो सकता है।

लोग आपके साथ जुड़ने में अधिक सहज महसूस करते हैं यदि वे आपका नाम जानते हैं और आप कैसे दिखते हैं।

छवि अनुभाग

2. लिंक अनुभाग।

लिंक अनुभाग में वे सभी लिंक हैं जिन्हें आप साझा करना चाहते हैं।

यह बायो सेक्शन के तहत प्रदर्शित होता है।

सुनिश्चित करें कि लिंक अच्छी तरह से संरचित हैं।

लिंक अनुभाग

टेम्पलेट के साथ बिल्डिंग

टेम्प्लेट के साथ शुरुआत करना प्रेरित होने और सीखने का एक शानदार तरीका है।

लिंक ट्री टेम्प्लेट को सीधे स्पेस में लोड किया जा सकता है। कुछ ही क्लिक में आरंभ करें।

कोड को कॉपी करें और इसे Spaces संपादक में पेस्ट करें या इसे TryIt संपादक से Spaces में सहेजें।

शुरू हो जाओ "

* किसी क्रेडिट कार्ड की आवश्यकता नहीं

टेम्पलेट को वैयक्तिकृत करें

यहां टेम्प्लेट को अपना बनाने के लिए चार-चरणीय दृष्टिकोण दिया गया है।


चरण एक: पृष्ठभूमि बदलें

कोड में बैकग्राउंड या बैकग्राउंड-इमेज प्रॉपर्टी ढूंढें और यूआरएल बदलें।

बैकग्राउंड इमेज कैसे बदलें, इसके लिए यहां पढ़ें: बैकग्राउंड इमेज कैसे बदलें


चरण दो: अपनी तस्वीर जोड़ें

<img> टैग ढूंढें और इसे अपने चित्र के URL में बदलें।

छवि कैसे बदलें, इसके लिए यहां पढ़ें: छवि कैसे बदलें


चरण तीन: अपना जैव लिखें

कोड के शीर्ष में पैराग्राफ टैग ढूंढें और <p> और </p> टैग के बीच के टेक्स्ट को बदलें।

पैराग्राफ के बारे में अधिक जानने के लिए यहां पढ़ें: HTML पैराग्राफ के बारे में


चरण चार: अपने लिंक जोड़ें

एंकर टैग ढूंढें और <a> और </a> टैग के बीच में टेक्स्ट बदलें।

एंकर टैग के बारे में अधिक जानने के लिए यहां पढ़ें: HTML एंकर टैग के बारे में


ब्राउज़ करें और एक टेम्प्लेट चुनें

आपके उपयोग के लिए हमारे पास तैयार टेम्पलेट हैं। यहां कुछ उदाहरण दिए गए हैं:

सामाजिक कड़ियाँ 1

सामाजिक कड़ियाँ 2

सामाजिक लिंक 3


W3Schools रिक्त स्थान

W3Schools रिक्त स्थान

W3Schools Spaces के साथ अपनी स्थिर वेबसाइट बनाएं।

मुफ़्त में शुरू करें