how to write a html code?
आजच्या डिजिटल युगात, वेबसाइट डिझाईन करणे हे एक महत्त्वाचे कौशल्य बनले आहे, आणि त्यासाठी HTML (HyperText Markup Language) ची माहिती असणे आवश्यक आहे. या लेखात आपण HTML कोड कसा लिहावा, याचे सोप्या शब्दांत आणि SEO च्या दृष्टीने संपूर्ण मार्गदर्शन पाहणार आहोत.
HTML म्हणजे काय?
HTML ही एक मार्कअप भाषा आहे जी वेबपृष्ठ तयार करण्यासाठी वापरली जाते. यामध्ये विविध प्रकारचे टॅग्स (Tags) असतात, ज्यांचा उपयोग करून वेबपृष्ठाची रचना (Structure) तयार केली जाते. प्रत्येक टॅगमध्ये प्रारंभिक टॅग (Opening Tag) आणि समारोप टॅग (Closing Tag) असतो.
उदाहरण:
<p>हा एक परिच्छेद आहे.</p>
HTML कोड लिहिण्यासाठी आवश्यक गोष्टी
1. कोड एडिटर वापरा
HTML कोड लिहिण्यासाठी तुम्ही खालीलप्रमाणे कोड एडिटर्स वापरू शकता:
- Visual Studio Code
- Sublime Text
- Notepad++
- Brackets
2. वेब ब्राउजर
HTML फाइल उघडण्यासाठी Chrome, Firefox किंवा Edge यांसारख्या ब्राउजरचा वापर करा.
3. HTML स्ट्रक्चर समजून घ्या
HTML कोड लिहिताना प्रत्येक वेबपृष्ठासाठी एक बेसिक स्ट्रक्चर तयार करावा लागतो.
उदाहरण:
<!DOCTYPE html>
<html>
<head>
<title>माझे पहिले वेबपृष्ठ</title>
</head>
<body>
<h1>HTML कोड लिहिण्याचा सराव</h1>
<p>हा एक सोपा HTML पृष्ठाचा नमुना आहे.</p>
</body>
</html>
HTML कोड लिहिण्याचे पायऱ्या
1. टॅग
HTML डॉक्युमेंटचा प्रकार दर्शवतो.
<!DOCTYPE html>
2. टॅग
संपूर्ण HTML कोड या टॅगमध्ये लिहिला जातो.
<html>
<!-- इतर टॅग्स इथे लिहा -->
</html>
3. टॅग
वेबपृष्ठाशी संबंधित मेटाडेटा (Metadata) यामध्ये लिहिला जातो.
<head>
<title>वेबपृष्ठ शीर्षक</title>
</head>
4. टॅग
मुख्य सामग्री (Content) दाखवण्यासाठी टॅगचा उपयोग होतो.
<body>
<h1>माझे पहिले वेबपृष्ठ</h1>
<p>HTML शिकणे खूप सोपे आहे.</p>
</body>
HTML कोडमध्ये महत्त्वाचे टॅग्स
1. ते टॅग्स
हे शीर्षकासाठी वापरले जातात.
<h1>मुख्य शीर्षक</h1>
<h2>उपशीर्षक</h2>
2. टॅग
परिच्छेद लिहिण्यासाठी.
<p>हा एक परिच्छेद आहे.</p>
3. टॅग
लिंक जोडण्यासाठी.
<a href="https://example.com">येथे क्लिक करा</a>
4. टॅग
प्रतिमा दाखवण्यासाठी.
<img src="image.jpg" alt="उदाहरण प्रतिमा">
5. आणि टॅग्स
यादी तयार करण्यासाठी.
<ul>
<li>पहिला घटक</li>
<li>दुसरा घटक</li>
</ul>
HTML कोडचे फायदे
- सोपी रचना: HTML शिकणे आणि वापरणे खूप सोपे आहे.
- वेब डिझाईनचे बेस: HTML शिवाय कोणतेही वेबपृष्ठ तयार करता येत नाही.
- SEO साठी उपयुक्त: योग्य HTML रचना सर्च इंजिनला समजायला मदत करते, ज्यामुळे तुमच्या वेबसाइटचे रँकिंग सुधारते.
HTML आणि SEO
SEO (Search Engine Optimization) साठी HTML टॅग्सचे योग्य वापर करणे महत्त्वाचे आहे.
- Title टॅग: वेबपृष्ठाचे शीर्षक शोध यंत्रणेत महत्त्वाचे असते.
- Meta Description: पृष्ठाचे वर्णन करा, ज्यामुळे वापरकर्ते आकर्षित होतात.
- Alt Attributes: प्रतिमांचे वर्णन करा, जेणेकरून शोध यंत्रणा त्यांना वाचू शकेल.
उदाहरण:
<img src="image.jpg" alt="माझ्या वेबसाइटवरील उदाहरण प्रतिमा">
HTML कोड लिहिताना चुकांसाठी काय करावे?
- टॅग्स योग्यरित्या बंद करा: प्रत्येक प्रारंभिक टॅगसाठी समारोप टॅग असावा.
- Nest Properly: टॅग्स योग्य क्रमाने लिहा.
- Syntax तपासा: HTML वॅलिडेटर वापरून कोड तपासा.
HTML कोड लिहिणे हे सुरुवातीला अवघड वाटू शकते, पण एकदा मूलभूत गोष्टी शिकल्यास वेबपृष्ठ तयार करणे सोपे होते. HTML कोडसह SEO साठी योग्य रचना तयार करणे आवश्यक आहे. या लेखातील पायऱ्या अनुसरून तुम्ही तुमची पहिली वेबसाइट तयार करू शकता.
हे पण वाचा : how many elements in html | संपूर्ण html शिका मराठी मधून
