फक्त काही तासांत वेबसाइट कशी तयार करावी

वेबसाइट तयार करणे कठीण असणे आवश्यक नाही. या लेखात, आम्ही html पृष्ठ तयार करण्याच्या मूलभूत गोष्टी आणि एक मिनी-समाविष्ट सूची कशी तयार करावी ते पाहू. पुढे, html कसे वापरावे याबद्दल आपण चर्चा करू>-मजकूर हायलाइट करण्यासाठी टॅग करा. शेवटी, आम्ही तुम्हाला काही तासांत वेबसाइट कशी तयार करायची ते दाखवू. आम्ही काही इतर उपयुक्त तंत्रे देखील कव्हर करू.

html पृष्ठ तयार करणे

HTML ही वेब पृष्ठे तयार करण्यासाठी वापरली जाणारी भाषा आहे. हे वेब पृष्ठाची रचना परिभाषित करते आणि सामग्री कशी प्रदर्शित केली जाते हे CSS नियंत्रित करते. मूलभूत HTML पृष्ठ तयार करणे कठीण नाही. प्रारंभ करण्यासाठी येथे चरण-दर-चरण मार्गदर्शक आहे. एकदा तुमच्याकडे मूलभूत HTML पृष्ठ आहे, तुम्ही अधिक जटिल आणि डायनॅमिक तयार करण्यास तयार आहात. सुरू करण्यासाठी, तुम्हाला मजकूर संपादक आणि वेब ब्राउझरची आवश्यकता असेल.

तुमच्या वेबपेजसाठी सामग्री तयार करण्यासाठी तुम्ही MS Word सारखा वर्ड प्रोसेसर देखील वापरू शकता. मजकूर एकमेकांशी जोडण्यासाठी तुम्ही हायपरलिंक वापरू शकता. तुम्ही फाइल html फाईल म्हणून सेव्ह देखील करू शकता, एक वेब पृष्ठ. ही पद्धत चांगली कार्य करते, परंतु तुम्ही या प्रकारे तयार केलेली पृष्ठे मोठी आहेत आणि ब्राउझर विंडोमध्ये चांगली दिसत नाहीत. या पद्धतीचा एकमात्र तोटा म्हणजे उपलब्ध साधनांचा वापर करायला शिकावे लागेल.

HTML ही एक मार्कअप भाषा आहे, याचा अर्थ असा की पृष्ठावरील सामग्रीचे स्वरूपन करण्यासाठी आपल्याला टॅग समाविष्ट करणे आवश्यक आहे. प्रत्येक टॅग पृष्ठाच्या घटकांपैकी एक दर्शवतो. कोन कंसाने टॅग ओळखला जातो. काही घटकांना फक्त एक टॅग आवश्यक आहे, इतरांना दोन आवश्यक असताना. क्लोजिंग टॅगमध्ये फॉरवर्ड स्लॅश असतो. उदाहरणार्थ, परिच्छेद टॅग परिच्छेद नावाचा घटक तयार करतो. ओपनिंग आणि क्लोजिंग टॅगमधील मजकूर परिच्छेद मजकूर बनवतो. त्याचप्रमाणे, ul टॅग एक क्रमरहित यादी तयार करतो.

एक मिनी-समावेश सूची तयार करणे

एक मिनी-समावेश विभाग तयार करणे हा एकाच वेब पृष्ठावरील विविध घटकांना लिंक करण्याचा एक प्रभावी मार्ग आहे. HTML पृष्ठ अनेक उप-विभागांमध्ये विभागले जाऊ शकते, घटकांची सूची असलेल्या प्रत्येक विभागात. हे घटक वेगवेगळ्या उद्देशाने काम करतात. आपण वर्णमाला क्रम प्रदर्शित करण्यासाठी प्रकार विशेषता वापरू शकता. अ अक्षरांसह घटकांची सूची तयार करण्यासाठी तुम्ही लोअर केस अक्षरे देखील वापरू शकता, b, किंवा c.

घटक जोडणे सोपे आहे. साध्या HTML दस्तऐवजात टॅग असतात जे त्याची सामग्री परिभाषित करतात. हे टॅग सहसा जोड्यांमध्ये येतात. ओपनिंग टॅगचा वापर त्यातील घटकांची यादी करण्यासाठी केला जातो, जेव्हा क्लोजिंग टॅग घटक बंद करतो. सुरुवातीचा टॅग, किंवा डोके, दस्तऐवजाबद्दल वर्णनात्मक माहिती समाविष्ट करते. या माहितीमध्ये शीर्षक असू शकते, शैली पत्रक माहिती, स्क्रिप्ट, किंवा मेटा माहिती. बंद होणारा टॅग, दुसरीकडे, घटक बंद करते.

html वापरणे>-टॅग

html>-HTML दस्तऐवजाचे मुख्य सामग्री क्षेत्र परिभाषित करण्यासाठी टॅगचा वापर केला जातो. मुख्य सामग्री क्षेत्रामध्ये मध्यवर्ती विषयाशी संबंधित मजकूर किंवा पृष्ठाच्या कार्यक्षमतेचा समावेश असतो. ते साइटवरील इतर सामग्रीपेक्षा अद्वितीय असणे आवश्यक आहे. साइडबारच्या स्वरूपात पृष्ठावर इतर सामग्री दिसू शकते, नेव्हिगेशन लिंक्स, कॉपीराइट माहिती, साइट लोगो, आणि शोध फॉर्म. HTML पृष्ठाने html चे अनुसरण करणे आवश्यक आहे>-टॅग HTML पृष्ठ मानले जाईल.

href= विशेषता लिंक घटक उघडते. च्या नंतर “=” चिन्ह, तुम्ही लिंकची URL पेस्ट करावी. तुम्ही एका शीर्षकात अनेक परिच्छेद ओळी देखील वापरू शकता. क्लोजिंग ब्रॅकेट आवश्यक आहे. हे तुमच्या लिंक्सचा चुकीचा अर्थ लावण्यापासून प्रतिबंधित करेल. एचटीएमएल पृष्ठ वाचणे सोपे करण्यासाठी, तुमच्या वेबसाइटवर एक लिंक जोडा. html>-टॅग तुम्हाला दुस-या वेब पृष्ठाकडे निर्देशित करणारे दुवे जोडण्याची परवानगी देईल.

HTML फाईलमध्ये a.html एक्स्टेंशन असेल जो तुमच्या कॉम्प्युटरला सांगेल की ती HTML फाइल आहे. रिक्त स्थानांऐवजी हायफन वापरणे चांगले, कारण स्पेस वेब ब्राउझरला फाइल शोधण्यापासून प्रतिबंधित करेल. एकदा आपण HTML पृष्ठ तयार करणे पूर्ण केले, तुम्हाला ते जतन करावे लागेल. पुढे, HTML फाइलसह फोल्डरवर नेव्हिगेट करा आणि त्यावर उजवे-क्लिक करा. ते खालील स्क्रीनशॉट सारखे दिसले पाहिजे.

html वापरणे>-मजकूर हायलाइट करण्यासाठी टॅग करा

आपण चिन्ह वापरू शकता> HTML दस्तऐवजांमध्ये मजकूर हायलाइट करण्यासाठी टॅग. हे तुलनेने नवीन HTML आहे 5 वैशिष्ट्य, आणि ते परिच्छेदाचा हायलाइट केलेला भाग परिभाषित करते. खूण> टॅग अंतर्निहित HTML दस्तऐवजाची पार्श्वभूमी-रंग गुणधर्म बदलून कार्य करते. खूण> टॅग ग्लोबल आणि इव्हेंट विशेषतांना समर्थन देते. ते पिवळ्या किंवा काळ्या रंगात मजकूर हायलाइट करेल. अंतर्निहित CSS फाईलमधील मजकूराचा रंग बदलणे देखील शक्य आहे.

बहुतेक स्क्रीन रीडर मार्क घटकाची घोषणा करत नाहीत, परंतु तुम्ही कोणता मजकूर हायलाइट करू इच्छिता हे स्पष्ट करण्यासाठी तुम्ही CSS सामग्री गुणधर्म किंवा.before आणि.after pseudo-elements वापरू शकता. घोषणा शब्दशः असतात आणि पृष्ठावर अनावश्यक माहिती जोडतात, त्यामुळे तुम्ही ते जपून वापरावे. उदाहरणार्थ, तुम्ही शोध संज्ञा हायलाइट करण्यासाठी किंवा अवतरण अवरोधित करण्यासाठी घोषणा वापरू शकता. घोषणा सर्व प्रमुख ब्राउझरद्वारे समर्थित आहेत.

पार्श्वभूमी-रंग शैली व्यतिरिक्त, तुम्ही 'हायलाइटमी' वापरू शकता’ तुमच्या HTML दस्तऐवजातील मजकूर हायलाइट करण्यासाठी वर्ग. पार्श्वभूमी-रंग शैली सर्व ब्राउझरद्वारे समर्थित आहे. तुम्ही 'पिवळा' हा शब्द देखील वापरू शकता’ रंग कोड ऐवजी. तुम्ही परिच्छेद किंवा मजकूराचा विभाग हायलाइट करण्यासाठी समान कोड वापरू शकता. मजकूर हायलाइट करण्यासाठी तुम्ही CSS वर्ग देखील वापरू शकता.

html वापरणे>-एक मिनी-समावेश सूची तयार करण्यासाठी टॅग करा

html>-टॅगचा वापर मिनी-समावेशांची यादी तयार करण्यासाठी केला जातो. त्यात संबंधित क्लोजिंग टॅग आहे आणि घटकाचे नाव लोअरकेस आहे. HTML दस्तऐवज UTF-8 वर्ण एन्कोडिंग वापरून एन्कोड केलेले आहेत, जे युनिकोड वर्णांच्या समावेशास समर्थन देते. html वापरताना>-टॅग, मध्ये UTF-8 निवडण्याची खात्री करा “म्हणून जतन करा” डायलॉग बॉक्स.

html वापरणे>-HTML पृष्ठावर मिनी-समावेश सूची जोडण्यासाठी टॅग सोपे आहे. तुम्ही हा टॅग अक्रमित सूचीला सपोर्ट करणाऱ्या कोणत्याही घटकासाठी वापरू शकता. तुम्ही नेव्हिगेशन मेन्यूसाठी अक्रमित सूची देखील वापरू शकता. dl घटक अटी आणि वर्णनांच्या जोडीची सूची संलग्न करतो. ऑर्डर केलेल्या सूचीमधील आयटम डावीकडे एस्केलेटिंग काउंटरसह प्रदर्शित केले जातात. जर सूची आयटम लगेच दुसर्‍या घटकाने फॉलो केला असेल तर तुम्ही dl घटक वगळू शकता.

मिनी-समाविष्ट सूची समाविष्ट करण्याचा दुसरा मार्ग म्हणजे HTML दस्तऐवजात फूटर घटक जोडणे. हा घटक जवळच्या विभागातील सामग्रीचे तळटीप दर्शवतो. त्यात सहसा लेखकाची माहिती असते, कॉपीराइट डेटा, किंवा संबंधित कागदपत्रांच्या लिंक्स. html वापरणे>-HTML पृष्ठावर मिनी-समाविष्ट सूची तयार करण्यासाठी टॅग

html वापरणे>-वैयक्तिक मजकूर ब्लॉक हायलाइट करण्यासाठी टॅग

HTML5 चिन्हासह वैयक्तिक मजकूर ब्लॉक हायलाइट करते> घटक. हा HTML5 टॅग स्त्रोतातील सामग्रीचा रंग पिवळ्या किंवा काळ्या रंगात बदलतो, वाचकांना महत्त्वाचा मजकूर वेगळे करण्यास अनुमती देते. इतर मजकुरापेक्षा अधिक लक्ष देण्याची आवश्यकता असलेल्या सामग्रीचे विभाग सूचित करण्यासाठी देखील याचा वापर केला जाऊ शकतो. खूण> एलिमेंट HTML मधील ग्लोबल विशेषता आणि इव्हेंट विशेषतांना समर्थन देते. योग्यरित्या वापरले तेव्हा, हा HTML5 टॅग वेबपृष्ठाची वाचनीयता वाढवू शकतो.

HTML4 मानक भौतिक-शैलीतील वर्ण-स्तरीय टॅग नापसंत करते. ते सादरीकरण हाताळतात, आणि या उद्देशांसाठी CSS वापरणे चांगले. HTML5 ने त्यांना पुन्हा सादर केले आहे. त्यांचे आता अवमूल्यन केले जात नाही, परंतु वैयक्तिक मजकूर ब्लॉक हायलाइट करण्याचा ते एकमेव मार्ग नाहीत. HTML5 सह मजकूराचे वैयक्तिक ब्लॉक हायलाइट करण्यासाठी CSS वापरा! ही सोपी पद्धत सामग्रीच्या एका भागामध्ये वैयक्तिक मजकूर ब्लॉक्स हायलाइट करेल.

तरंगणे: तुम्ही या सीएसएस गुणधर्माचा वापर घटक असलेल्या घटकाच्या डाव्या किंवा उजव्या काठावर फ्लोट करण्यासाठी करू शकता. हे ग्रिड किंवा स्तंभ तयार करण्यासाठी वापरले जाऊ शकते. ब्राउझरच्या डाव्या किंवा उजव्या मार्जिनवर iframe किंवा इमेज फ्लोट करण्यासाठी तुम्ही फ्लोट नावाची CSS प्रॉपर्टी देखील वापरू शकता.. या विशेषता CSS सह वैयक्तिक ब्लॉक हायलाइट करणे सोपे करतात.