प्राय: सभी एचटीएमएल शिक्षक एक एक विषय को पकडकर एचटीएमएल कोडिंग सिखाते हैं जो निश्चय ही एक अत्यन्त महत्वपूर्ण व बेहतर तरीका है । किन्तु यह तरीका उन लोगों के लिये कम कारगर है जो कम समय में ज्यादा सीखना चाहते हैं । इसलिये यहाँ पर सिखाने का तरीका ''सरल से जटिल'' की आेर पर आधारित है ।
आज के पाठ में हम एचटीएमएल के हेड सेक्सन में की जाने वाली महत्वपूर्ण कोडिंग सीखेंगे ।
एचटीएमएल हेड सेक्सन (शीर्ष विभाग) -
एचटीएमएल का हेड सेक्सन वह विभाग है जो हमें वेबपेज के रूप में तो नहीं दिखता है किन्तु वेबपेज के दिखने में जिसकी महत्वपूर्ण भूमिका रहती है । इस सेक्सन के अन्तर्गत की गई कोडिंग्स आपके वेबपेज को स्टाइल करने के लिये, वेब पेज में स्क्रिप्ट डालने के लिये,वेबसाइट की डिसक्रिप्शन तथा भाषा आदि बताने के लिये प्रयुक्त होती है ।
हेड सेक्सन के अन्तर्गत निम्न टैग प्रयुक्त किये जाते हैं ।
- <meta> - आपके पेज कान्टेन्ट की जानकारी देता है ।
- <link> - आपके पेज पर स्टाइलशीट या अन्य बाहरी चीजें जोडता है ।
- <style> - आपके पेज को स्टाइल प्रदान करता है ।
- <script> - आपके पेज में जावास्क्रिप्ट व इसके जैसे अन्य स्क्रिप्ट डालता है ।
- <base> - पेज पर डाले गये चित्रों का बेस सेट करता है ।
- <title> - पेज का टाइटिल सेट करता है ।
<!doctype html>
<html>
<head>
<meta name="description" content="Free html tutorial in hindi" >
<link rel="stylesheet" href="mycss.css">
<style>body {background:yellow; font-family:kokila, aprajita;}; </style>
<script>function myFun{document.getElementById("Demo").innerHTML = "hello Friend"; }</script>
<base href="http://sikho.blogspot.com/image/">
<title>My First HTML Page</title>
</head>
<body></body>
</html>
<html>
<head>
<meta name="description" content="Free html tutorial in hindi" >
<link rel="stylesheet" href="mycss.css">
<style>body {background:yellow; font-family:kokila, aprajita;}; </style>
<script>function myFun{document.getElementById("Demo").innerHTML = "hello Friend"; }</script>
<base href="http://sikho.blogspot.com/image/">
<title>My First HTML Page</title>
</head>
<body></body>
</html>
दोनो हेड टैग के बीच में इन उपर्युक्त 6 एलीमेन्ट्स को डाला जाता है । इन्ही 6 हेड एलीमेन्ट्स के कारण आपका पेज पूरी तरह से परिवर्तित दिखने लगता है व इसकी उपयुक्तता बढ जाती है । इनका विस्तृत विवरण अगले पाठ में प्रस्तुत किया जायेगा ।
Comments
Post a Comment