सामग्री

• पायर्‍या
• भाग 1: मला एचटीएमएल कसा सापडला
• सल्ला
• चेतावणी
• आपल्याला काय पाहिजे

एचटीएमएल (हायपरटेक्स्ट मार्कअप भाषा) वेब पृष्ठे तयार करण्यासाठी मूलभूत भाषा आहे. ही एक सोपी आणि लवचिक कोडींग भाषा म्हणून तयार केली गेली. इंटरनेटवरील जवळपास प्रत्येक वेबसाइट या कोडच्या काही प्रकारांसह (कोल्डफ्यूजन, एक्सएमएल, एक्सएसएलटी) विकसित केली आहे. एचटीएमएल आकलन करणे सोपे आहे, परंतु आपल्याला त्याच्या विस्तृत कार्यक्षमतेमध्ये स्वारस्य असल्यास आपण त्याबद्दल बर्‍याच काळ ते शिकत राहू शकता. आपल्या वेबसाइटवर रंग आणि मजा जोडण्यासाठी, आपण मूलभूत HTML पृष्ठाची सवय होताच आपण मूलभूत सीएसएस शिकू शकता.

पायर्‍या

भाग 1 चा 1: दस्तऐवज तयार करणे

1. 

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

2. 

   
   
   वेबपृष्ठ म्हणून फाइल जतन करा. शीर्षस्थानी मेनूमधील फाइल → जतन करा म्हणून निवडा. फाइल स्वरूप "वेब पृष्ठ", ".html" किंवा ".htm" वर बदला. जिथे आपल्याला ही सहज सापडेल तेथे फाईल सेव्ह करा.
   • या तीन पर्यायांमध्ये कोणताही फरक नाही.

3. 

   ब्राउझरमध्ये फाईल उघडा. फाईलवर दोनदा क्लिक करा आणि ते आपोआप आपल्या ब्राउझरमध्ये रिक्त वेब पृष्ठ म्हणून उघडेल. वैकल्पिकरित्या, आपण फायरफॉक्स किंवा इंटरनेट एक्सप्लोरर सारखे ब्राउझर उघडू शकता आणि नंतर दस्तऐवज निवडण्यासाठी फाइल → ओपन फाइल वापरू शकता.
   • ही वेबसाइट ऑनलाइन नाही. हे केवळ आपल्या संगणकावर दृश्यमान आहे.

4. 

   
   
   वेबपृष्ठ रिफ्रेश करा आणि केलेले बदल पहा. आपल्या रिक्त दस्तऐवजात खालील टाइप करा: नमस्कार. डॉक्युमेंट सेव्ह करा. आपल्या ब्राउझरमधील रिक्त वेब पृष्ठ रीफ्रेश करा आणि आपल्याला पृष्ठाच्या शीर्षस्थानी ठळक शब्दात "हॅलो" शब्द दिसावा. या ट्यूटोरियल दरम्यान जेव्हा आपल्याला आपल्या नवीन एचटीएमएलची चाचणी घ्यायची असेल तेव्हा .htm दस्तऐवज जतन करा आणि नंतर एचटीएमएल कसे कंपाईल केले आहे ते पहाण्यासाठी आपल्या ब्राउझर विंडोला रिफ्रेश करा.
   • आपण शब्द पाहिले तर ""आणि"'' तुमच्या ब्राउझरमध्ये दिसते, फाईल HTML मध्ये योग्य रितीने कंपाईल केलेली नाही. भिन्न मजकूर संपादक किंवा भिन्न ब्राउझर वापरून पहा.

5. 

   
   
   टॅग जाणून घ्या. एचटीएमएल कमांड्स "टॅग" मध्ये लिहिलेले आहेत जे आपले वेबपृष्ठ संकलित कसे करावे आणि प्रदर्शित कसे करावे ते ब्राउझरला सांगतील. ते नेहमी एकच कोटमध्ये लिहिलेले असतात , आणि आपण वरील उदाहरणात त्यांचा वापर केल्याप्रमाणे वेब पृष्ठावर प्रदर्शित होत नाही:
   • एक "प्रारंभिक कार्ड" किंवा "उघडण्याचे कार्ड" आहे. या टॅग नंतर काहीही लिहिलेले "बोल्ड" (वेब ​​पृष्ठावरील ठळक) म्हणून परिभाषित केले जाईल.
   • एक "शेवटचा टॅग" किंवा "क्लोजिंग टॅग" आहे, जो आपण चिन्ह / चिन्हाद्वारे वेगळे करू शकता. हे ठळक मजकूराचा शेवट दर्शवितो. बहुतेक (सर्वच नाही) टॅग्स कार्य करण्यासाठी एंड टॅगची आवश्यकता असते, म्हणूनच हे समाविष्ट करण्याचे सुनिश्चित करा.

6. 

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

7. 

   डोके (डोके) आणि मुख्य टॅग्ज जोडा. एचटीएमएल दस्तऐवज दोन भागात विभागलेले आहेत. "शीर्ष" विभाग पृष्ठाच्या शीर्षकाप्रमाणेच खास माहितीसाठी आहे. "मुख्य भाग" मध्ये पृष्ठाची मुख्य सामग्री आहे. आपल्या दस्तऐवजात हे दोन्ही विभाग जोडा आणि शेवटचे टॅग्ज समाविष्ट करण्याचे लक्षात ठेवा. नवीन जोडलेला मजकूर ठळक आहे:

8. 

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

4 पैकी भाग 2: मजकूर स्वरूपन

1. 

   आपल्या शरीरावर मजकूर जोडा. या विभागासाठी, आम्ही केवळ बॉडी टॅगसह कार्य करू. दुसरा मजकूर अद्याप आपल्या दस्तऐवजात असेल, परंतु आम्ही या ट्यूटोरियलमध्ये पुनरावृत्ती न करता जागा वाचवू. कार्डे दरम्यान आपल्याला पाहिजे ते लिहा आणि , आणि आपल्या पृष्ठावरील प्रथम सामग्री म्हणून दिसून येईल. उदाहरणार्थ:
   • मी HTML पृष्ठ लिहिण्यासाठी विकीच्या सूचनांचे अनुसरण केले.

2. 

   मजकूरासाठी शीर्षक जोडा. आपले पृष्ठ शीर्षलेख टॅग्जसह संयोजित करा जे ब्राउझरला त्यांच्या दरम्यान मोठ्या फॉन्ट आकारात मजकूर प्रदर्शित करण्याची सूचना देतात. हे टॅग्ज शोध इंजिन आणि इतर साधनांद्वारे आपली वेबसाइट काय आहे आणि ते कसे आयोजित केले आहे हे निर्धारित करण्यासाठी देखील वापरले जातात.
   सर्वात मोठे शीर्षक आहे आणि आपण पर्यंत लहान मथळे तयार करू शकता
   . आपल्या पृष्ठावर वापरून पहा:
   • माझ्या पानावर स्वागत आहे.

   • मी HTML पृष्ठ लिहिण्यासाठी विकीच्या सूचनांचे अनुसरण केले.

   • आज माझे ध्येय:

   • पूर्ण लक्ष्ये:

   • हेडिंग्ज कसे वापरायचे ते शिका.

   • अपूर्ण लक्ष्य:

   • अधिक मजकूर स्वरूपन टॅग जाणून घ्या.

3. 

   अधिक मजकूर स्वरूपन टॅग जाणून घ्या. आपण आधीपासूनच "सशक्त" टॅग पाहिलेला आहे परंतु आपला मजकूर स्वरूपित करण्याचे इतर बरेच मार्ग आहेत. त्याच मजकूर स्ट्रिंगसाठी हे टॅग किंवा एकाच वेळी एकाधिक टॅग वापरुन पहा. मागे शेवटचे टॅग जोडणे लक्षात ठेवा!
   • ब्राउझरमध्ये ठळकपणे प्रदर्शित केलेला महत्त्वाचा मजकूर.
   • ब्राउझरमध्ये तिर्यकमध्ये प्रदर्शित मजकूरावर जोर दिला.
   • नेहमीपेक्षा थोडा लहान मजकूर. मथळ्यामध्ये वापरल्यास हा मजकूर स्वयंचलितपणे आकार बदलेल.
   • बॉडी डॅशसह प्रदर्शित केलेला मजकूर यापुढे संबद्ध नाही.
   • अधोरेखित केलेल्या इतर कागदपत्रांपेक्षा मजकूर नंतर घातला जाईल.

4. 

   आपल्या पृष्ठावरील मजकूर व्यवस्थित करा. आपल्या लक्षात येईल की मजकूर दुसर्या ओळीवर दर्शविण्यासाठी "enter" की दाबणे पुरेसे नाही. हे टॅग आपल्याला परिच्छेदन आणि रेखा खंडित करण्यात किंवा अन्य प्रकारे आपल्या मजकूराची व्यवस्था करण्यात मदत करू शकतात:

   • "परिच्छेद," (परिच्छेद) टॅगसाठी छोटा हा टॅग मधील सर्व मजकूर परिच्छेदात ठेवेल आणि त्यास वरील आणि खाली मजकूरापासून विभक्त करेल.

   • 
     हा टॅग लाइन ब्रेक व्युत्पन्न करेल. त्यामध्ये अंतिम टॅग जोडू नका कारण यामुळे इतर कोणत्याही सामग्रीमध्ये हस्तक्षेप होणार नाही. हा टॅग कवितांमध्ये किंवा अ‍ॅड्रेस लाइनमध्ये वापरा, परिच्छेदांमध्ये नाही.

   • आपल्याला मजकूर अगदी अचूकपणे प्रदर्शित करण्याची आवश्यकता असल्यास, हा टॅग त्यातील मजकूर निश्चित रुंदीच्या फॉन्टवर सेट करतो (प्रत्येक अक्षराची रूंदी समान असते) आणि आपल्याला अंतराल तयार करण्यास अनुमती देते आपल्याला टॅगऐवजी नियमित संपादनासाठी रिक्त आणि रेखा खंडित करा.

   • हा टॅग स्रोत पासून पुन्हा उद्धृत करणे मजकूर प्रकार परिभाषित करतो.

     आपण नंतर स्त्रोताचे वर्णन करू शकता साइट कार्ड.

5. 

   अदृश्य मथळा मजकूर जोडा. वेब पृष्ठावर टिप्पणी टॅग दर्शविलेले नाहीत. ते आपल्याला सामग्रीवर परिणाम न करता HTML दस्तऐवजात स्वत: चे भाष्य करण्याची परवानगी देतात. शेवटचा टॅग जोडू नका.
   • शेवटच्या टॅगशिवाय एकट्या जात असलेल्या कार्डांना "रिक्त टॅग" म्हटले जाते.

6. 

   त्यांना एकत्र करा. हे टॅग लक्षात ठेवण्याचा उत्तम मार्ग म्हणजे आपल्या वेबसाइटवर त्यांचा वापर करणे. आपण आतापर्यंत शिकलेल्या चरणांमध्ये कार्ड वापरण्याचे येथे एक उदाहरण आहे. ते ब्राउझरमध्ये कसे दिसतील याचा अंदाज लावण्याचा प्रयत्न करा, त्यानंतर त्या आपल्या कागदजत्रात कॉपी करा आणि शोधा.
   • माझ्या वेबसाइटवर आपले स्वागत आहे.

   • आशा आहे की आपण या पृष्ठाचा आनंद घ्याल!

     मी ते फक्त तुझ्यासाठी बनवले आहे.

   • भाग 1: मला एचटीएमएल कसा सापडला

   • मी यापूर्वीच एचटीएमएल शिकलो आहे एक दोनतास, म्हणून आता मी एक तज्ञ आहे.
   जाहिरात

भाग 3 3: दुवे आणि प्रतिमा जमा करणे

1. 

   गुणधर्मांबद्दल जाणून घ्या. टॅग्जमध्ये अतिरिक्त माहिती लिहिलेली असू शकते, त्याला विशेषता म्हणतात. हे गुणधर्म टॅग्जमध्ये स्वरूपामध्ये अतिरिक्त शब्दांद्वारे दर्शविले जातात गुणधर्म नाव = "विशिष्ट मूल्य". उदाहरणार्थ, कोणत्याही एचटीएमएल टॅगमध्ये शीर्षक विशेषता असू शकते:

   • परिचय परिच्छेद येथे आहे.

     "परिचय," परिच्छेदाचे शीर्षक द्या जे आपण वेब पृष्ठावरील परिच्छेदावर फिरता तेव्हा दिसेल.

2. 

   इतर वेबसाइटचे दुवे. कार्डे वापरणे इतर कोणत्याही वेब पृष्ठावर हायपरलिंक तयार करण्यासाठी. वेब पृष्ठाची URL href विशेषता वापरण्यासाठी दुवा साधा. आपण वाचत असलेल्या वेब पृष्ठाशी दुवा साधणारे येथे एक उदाहरण आहे:
   • आपल्या वेबसाइटवर आपले अभ्यागत दुव्याचे अनुसरण करण्यासाठी या मजकूरावर क्लिक करू शकतात.

3. 

   टॅगमध्ये एक आयडी विशेषता जोडा. कोणताही एचटीएमएल टॅग वापरु शकणारा दुसरा गुणधर्म म्हणजे "आयडी" घटक. कोणत्याही कार्डमध्ये, लिहा आयडी = "विदू" किंवा रिक्त स्थान नसलेले कोणतेही नाव वापरा. यामुळे कोणताही दृश्यमान प्रभाव तयार होत नाही, परंतु आम्ही पुढील चरणात त्याचा वापर करू.
   • उदाहरणार्थ, आपल्या दस्तऐवजात पुढील गोष्टी जोडा:

     हा परिच्छेद आयडी गुणधर्म कसे कार्य करते त्याचे वर्णन करण्यासाठी उदाहरण म्हणून वापरले जाते.

4. 

   एका विशिष्ट आयडीसह घटकाचा दुवा. आता आपण हायपरलिंक टॅग वापरू. , त्याच पृष्ठावरील दुसर्‍या स्थानाशी दुवा साधण्यासाठी. यूआरएलऐवजी आम्ही # चिन्ह वापरू ज्यानंतर आपण लिंक करू इच्छित आयडी व्हॅल्यू वापरु. उदाहरणार्थ, हा मजकूर "vidu" या id सह मजकूराशी दुवा साधेल.
   • सर्व HTML मूल्ये केस सेन्सेटिव्ह असतात. "#VIDU" आणि "#vidu" एकाच ठिकाणी दुवा साधतील.
   • जर आपले पृष्ठ एकाच वेळी संपूर्ण पृष्ठ प्रदर्शित करण्यासाठी पुरेसे असेल तर आपण आपल्या ब्राउझरमधील दुव्यावर क्लिक करता तेव्हा कदाचित आपल्याला काहीही घडत नाही. स्क्रोल बार दिसून येईपर्यंत विंडोचे आकार बदला आणि नंतर पुन्हा प्रयत्न करा.

5. 

   फोटो जोडा. कार्ड एक रिकामी टॅग आहे, म्हणजे शेवटचा टॅग आवश्यक नाही. ब्राउझरने प्रतिमा प्रदर्शित करण्यासाठी आवश्यक असलेली सर्व माहिती गुणधर्मांचा वापर करून जोडली जाते. विकीहो लोगो प्रदर्शित करण्यासाठी येथे उदाहरण आहे, प्रत्येक वैशिष्ट्यामागे असलेल्या वर्णनासह:
   • 
   • गुणधर्म src = "" ब्राउझरला फोटो कुठे आहे ते सांगते. (लक्षात घ्या की एखाद्याच्या साइटवरून फोटो पोस्ट करणे अयोग्य मानले जाते - आणि पृष्ठ यापुढे सक्रिय नसते तेव्हा चित्र अदृश्य होईल.)
   • गुणधर्म शैली = "" हे बर्‍याच गोष्टी करू शकते, परंतु मुख्य म्हणजे हे प्रतिमेची रुंदी आणि उंची पिक्सेलमध्ये सेट करण्यासाठी करते. (त्याऐवजी तुम्ही रुंदी = "" आणि उंची = "" वेगळे गुणधर्म देखील वापरू शकता, परंतु आपण सीएसएस वापरल्यास विचित्र आकारात समस्या उद्भवू शकतात.)
   • गुणधर्म Alt = "" प्रतिमेचे एक संक्षिप्त वर्णन आहे जे वापरकर्त्याने प्रतिमा लोड करण्यात अयशस्वी झाल्यास ते पहाल. ही एक आवश्यकता मानली जाते, कारण अंध असलेल्या वेबसाइट अभ्यागतांसाठी स्क्रीन वाचकांसाठी याचा वापर केला जातो.
   जाहिरात

4 चा भाग 4: आपली वेबसाइट ऑनलाईन समाविष्ट करणे आणि मिळविणे अधिक जाणून घ्या

1. 

   आपल्या HTML ची पुष्टी करा. एचटीएमएल प्रमाणीकरण आपल्या कोडमधील त्रुटींसाठी तपासणी करते. आपली साइट योग्यरित्या प्रदर्शित होत नसल्यास, वैधता आपल्याला समस्या उद्भवणार्‍या त्रुटी शोधण्यात मदत करू शकते. तो प्रदर्शनात कोड चांगला दिसतो हे निर्धारित करून हे HTML बद्दल देखील अधिक शिकवते, परंतु HTML मानकांमधील नवीन अद्यतनांमुळे याची शिफारस केली जाणार नाही. अवैध एचटीएमएल वापरणे आपल्या साइटला निरुपयोगी ठरत नाही, परंतु समस्या उद्भवू शकते किंवा भिन्न ब्राउझरवर अस्थिर प्रदर्शित होऊ शकते.
   • डब्ल्यू 3 सी कडून विनामूल्य ऑनलाइन वैधता सेवा वापरून पहा किंवा दुसर्या एचटीएमएल 5 वैधता साधनासाठी ऑनलाइन शोधा.

2. 

   अधिक टॅग आणि विशेषता जाणून घ्या. इतर बरेच एचटीएमएल टॅग आणि विशेषता आणि त्यात शिकण्यासाठी बर्‍याच ठिकाणी आहेत.
   • अधिक शिकवण्या आणि टॅगच्या पूर्ण सूचींसाठी डब्ल्यू 3 स्कूल आणि एचटीएमएल डॉग वापरुन पहा.
   • आपणास असे दिसते की एखादे वेबपृष्ठ शोधा, त्यानंतर आपल्या स्वत: च्या HTML कोड प्राप्त करण्यासाठी आपल्या ब्राउझरचे "पहा पृष्ठ स्त्रोत पहा" फंक्शन वापरा. आपल्या दस्तऐवजात कॉपी करा आणि ते कसे कार्य करते याचा अभ्यास करा.
   • इतर लेख वाचा आणि एचटीएमएलमध्ये टेबल कसे तयार करावे याविषयी जाणून घ्या, शोध इंजिनद्वारे शोधण्याची शक्यता वाढविण्यासाठी मेटा टॅग वापरा किंवा विभाग वापरा. पृष्ठावरील एक क्षेत्र निर्दिष्ट करा) आणि स्पॅनिश (मजकूर घटकाची शैली निर्दिष्ट करण्यासाठी वापरलेले) सीएसएसद्वारे शैलीमध्ये मदत करण्यासाठी.

3. 

   आपली वेबसाइट ऑनलाइन मिळवा. आपल्या वेबसाइटवर होस्ट करण्यासाठी एक सेवा निवडा आणि नंतर आपण आपल्या वैयक्तिक वेब डोमेनवर आपल्याला पाहिजे तितके HTML पृष्ठे अपलोड करू शकता. हे करण्यासाठी, आपल्याला एफटीपी अपलोड सॉफ्टवेअर वापरण्याची आवश्यकता असेल, परंतु बर्‍याच वेब भाड्याने देणारी सेवा ही सेवा देखील देतात.
   • आपल्या साइटवर थेट असलेली पृष्ठे किंवा प्रतिमांशी दुवा साधताना आपल्याला पूर्ण पत्ता वापरण्याची आवश्यकता असेल. उदाहरणार्थ, आपले डोमेन नाव www.chuyengiahtmlsieudang.com असल्यास, तर मजकूर या टॅगमध्ये आहे "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html" शी दुवा साधेल

4. 

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

5. 

   आपल्या वेबसाइटवर जावास्क्रिप्ट जोडा. जावास्क्रिप्ट ही एक प्रोग्रामिंग भाषा आहे जी आपल्या HTML पृष्ठांवर बर्‍याच कार्यक्षमता जोडण्यासाठी वापरली जाते. प्रारंभ आणि शेवटच्या टॅग दरम्यान जावास्क्रिप्ट आज्ञा समाविष्ट केल्या आहेत , आणि परस्पर बटणे जोडण्यासाठी, गणिताच्या समस्येची गणना करण्यासाठी आणि बरेच काही वापरले जाऊ शकते. डब्ल्यू 3 सी उदाहरणांमध्ये अधिक शोधा. जाहिरात

सल्ला

• या ट्यूटोरियलमध्ये वापरलेले डॉकटिप डिक्लेरेशन (डॉक्युमेंट टाइप डिक्लरेशन वापरलेले) "लूज एचटीएमएल .1.०.१ ट्रान्झिशियल" (एचटीएमएल .1.०.१ कडक संक्रमण नाही) आहे, जे एक सोपा स्वरूप आहे. नवशिक्या वापरण्यासाठी. वापरा () ब्राउझरने हे कठोर HTML 5 स्वरूपात संकलित करण्याचा पर्याय आहे, जो शिफारस केलेला (कमी वापरला जाणारा तरी) मानक शैली आहे.

चेतावणी

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

आपल्याला काय पाहिजे

• नोटपॅड किंवा टेक्स्टएडिट सारखे सोपे मजकूर संपादक
• एक वेब ब्राउझर, जसे की इंटरनेट एक्सप्लोरर किंवा मोझिला फायरफॉक्स
• (पर्यायी) एडोब ड्रीमविव्हर, ऑप्टाना स्टुडिओ किंवा मायक्रोसॉफ्ट एक्सप्रेशन वेब सारखे एचटीएमएल संपादक