प्रेजेंटेशन से तात्पर्य है कि इन विभिन्न घटकों को वास्तव में किसी दिए गए मीडिया डिवाइस, जैसे कंप्यूटर या प्रिंटर द्वारा प्रदर्शित किया जाता है।
HTML Elements
HTML दस्तावेज़ HTML तत्वों से बनी टेक्स्ट फ़ाइलें हैं।HTML तत्वों को HTML टैग्स का उपयोग करके परिभाषित किया जाता है।
HTML Tags
HTML टैग का उपयोग HTML तत्वों को चिह्नित करने के लिए किया जाता है।
HTML टैग दो अक्षरों <and> से घिरे होते हैं।
आसपास के characters को angle brackets कहा जाता है।
HTML टैग आमतौर पर जोड़े में आते हैं जैसे <b> और </b>
एक जोड़ी में पहला टैग Start टैग है, दूसरा टैग अंत टैब है
प्रारंभ और अंत टैग के बीच का element content है
HTML टैग case sensitive नहीं होते हैं, <b> का अर्थ <B> के समान होता है।
HTML Elements
HTML example for Elements
<html>
<head>
<title> Page Title </title>
</head>
<body>
Here is my First Page.
<b> Enter you text here bold. </b>
</body>
</html>
This is an HTML element:
<b> Our text is bold </b>
यह HTML element एक स्टार्ट टैग से शुरू होता है:
<b>
HTML element की content है: Our text is bold.
HTML element एंड टैग के साथ समाप्त होता है </b>
<b> टैग का उद्देश्य एक HTML element को परिभाषित करना है जिसे बोल्ड के रूप में प्रदर्शित किया जाना चाहिए।
This is also an HTML element :
<body>
Here is my First Page. <b> Our text is bold </b>
</body>
<body> टैग का उद्देश्य HTML element को परिभाषित करना है जिसमें HTML document का मुख्य भाग होता है।
हम lowercase टैग का उपयोग क्यों करते हैं?
हमने अभी कहा है कि HTML टैग्स केस सेंसिटिव नहीं होते हैं: <B> का अर्थ है सीम <b>। यदि आप वेब पर सर्फ करते हैं, तो आप देखेंगे कि बहुत सी वेबसाइटें अपने सोर्स कोड में अपरकेस HTML टैग्स का उपयोग करती हैं। हम हमेशा lowercase टैग का उपयोग करते हैं। क्यों ?यदि आप नवीनतम वेब मानकों का पालन करना चाहते हैं, तो आपको हमेशा लोअरकेस टैग का उपयोग करना चाहिए। वर्ल्ड वाइड वेब कंसोर्टियम अपने एचटीएमएल 4 अनुशंसा में टैग की सिफारिश करता है, और एक्सएचटीएमएल लोअरकेस टैग की मांग करता है।
Basic HTML Tags
HTML में सबसे महत्वपूर्ण टैग टैग हैं जो शीर्षक, पैराग्राफ और लाइन ब्रेक को परिभाषित करते हैं। HTML सीखने का सबसे अच्छा तरीका उदाहरणों के साथ काम करना है। हमने आपके लिए एक बहुत अच्छा HTML संपादक बनाया है। इस संपादक के साथ, यदि आप चाहें तो HTML स्रोत कोड को संपादित कर सकते हैं, और परिणाम देखने के लिए test बटन पर क्लिक कर सकते हैं।The Overall Structure : HTML, Head, and Body
सभी HTML दस्तावेज़ों में तीन, दस्तावेज़ स्तर के टैग समान होते हैं। ये टैग, <html> , <head>, और <body> , HTML दस्तावेज़ के कुछ अनुभागों को परिसीमित करते हैं।
The <html> tag
<html> टैग पूरे HTML दस्तावेज़ को घेर लेता है। यह टैग क्लाइंट ब्राउज़र को बताता है कि दस्तावेज़ कहाँ से शुरू और समाप्त होता है
<html>
....हमारे दस्तावेज़ सामग्री......
</html>
HTML के पिछले संस्करणों में <html> टैग के भीतर अतिरिक्त भाषा विकल्प घोषित किए गए थे। हालांकि उन विकल्पों को HTML संस्करण 4.0 में बहिष्कृत कर दिया गया है। दस्तावेज़ प्रकार की घोषणा (<!DOCTYPE>) में भाषा और दिशात्मक जानकारी नियमित रूप से निहित होती है।
The <head> tag
<head> टैग HTML दस्तावेज़ के शीर्षक को परिसीमित करता है। दस्तावेज़ों के शीर्षक section में दस्तावेज़ के लिए कुछ शीर्षक जानकारी होती है। दस्तावेज़ का शीर्षक, मेटा जानकारी, और, अधिकांश मामलों में, दस्तावेज़ स्क्रिप्ट सभी <head> section में निहित हैं। एक विशिष्ट <title> section निम्न के जैसा हो सकता है।
<head>
<link rel="stylesheet" type="text/css" href="/styles.css">
<title. Document Title </title>
<meta name="description''content="Sample Page">
<meta name="keywords"content="Sample, heading, page">
<script language="JavaScript">
function New Window (url)}
fin=window.open(url,"",
"with=800,height=600,scrollbars=yes, resizable=yes");
}
</script>
</head>
<head> section में अधिकांश सामग्री क्लाइंट के ब्राउज़र में रेंडर किए गए पृष्ठ पर दिखाई नहीं देगी। <title> element यह निर्धारित करता है कि ब्राउज़र विंडोज़ मशीनों पर पृष्ठ शीर्षक के रूप में क्या प्रदर्शित करता है, दस्तावेज़ का शीर्षक ब्राउज़र के शीर्षक बार में दिखाई देता है.
The <head> tag
<head> टैग HTML दस्तावेज़ के शीर्षक को परिसीमित करता है। दस्तावेज़ों के शीर्षक section में दस्तावेज़ के लिए कुछ शीर्षक जानकारी होती है। दस्तावेज़ का शीर्षक, मेटा जानकारी, और, अधिकांश मामलों में, दस्तावेज़ स्क्रिप्ट सभी <head> section में निहित हैं। एक विशिष्ट <title> section निम्न के जैसा हो सकता है।
<head>
<link rel="stylesheet" type="text/css" href="/styles.css">
<title. Document Title </title>
<meta name="description''content="Sample Page">
<meta name="keywords"content="Sample, heading, page">
<script language="JavaScript">
function New Window (url)}
fin=window.open(url,"",
"with=800,height=600,scrollbars=yes, resizable=yes");
}
</script>
</head>
<head> section में अधिकांश सामग्री क्लाइंट के ब्राउज़र में रेंडर किए गए पृष्ठ पर दिखाई नहीं देगी। <title> element यह निर्धारित करता है कि ब्राउज़र विंडोज़ मशीनों पर पृष्ठ शीर्षक के रूप में क्या प्रदर्शित करता है, दस्तावेज़ का शीर्षक ब्राउज़र के शीर्षक बार में दिखाई देता है.
<html>
<head>
<title> Title of Documents</title>
<style type="text/css">
body {background:black;color:white}
a:link {color:red}
a:visited {color:blue}
a:active {color:yellow}
</style>
</head>
<body>
....Text Goes Here...
</body>
</html>
The Head Element
Head element में एक दस्तावेज़ के बारे में सामान्य जानकारी होती है, जिसे meta जानकारी भी कहा जाता है। meta का अर्थ है "सूचना के बारे में"।
आप कह सकते हैं कि meta -डेटा का अर्थ है डेटा के बारे में जानकारी, या meta जानकारी का अर्थ है जानकारी के बारे में जानकारी।
Head Element के अंदर की जानकारी
हेड एलिमेंट के अंदर के तत्वों को ब्राउज़र द्वारा प्रदर्शित नहीं किया जाना चाहिए।
निम्नलिखित following illegal construct देखें:
<head>
<p> Text Goes Here </p>
</head>
पाठ प्रदर्शित करें क्योंकि यह एक paragraph element के अंदर है
टेक्स्ट छुपाएं क्योंकि यह एक head element के अंदर है
यदि आप एक HTML element जैसे <h1> या <p> को इस तरह के head element के अंदर रखते हैं, तो अधिकांश ब्राउज़र इसे प्रदर्शित करेंगे, भले ही यह illegal हो।
Head Tags
<head> - Documents के बारे में जानकारी को Define करता है।<title> - Title को Define करता है।
<base> - एक पृष्ठ पर सभी लिंक के लिए एक आधार URL को define करता है।
<link> - Resource reference को define करता है।
<meta> - Meta information को define करता है.
<!DOCTYPE> - Documents प्रकार को define करता है। यह टैग <html> प्रारंभ टैग से पहले है।
Headings
<h1> टैग headings के उच्चतम स्तर को निर्दिष्ट करता है, जबकि <h6> headings के निम्नतम स्तर को निर्दिष्ट करता है।
अधिकांश दस्तावेज़ों की तरह, HTML Documents उच्च-स्तरीय headings को निर्दिष्ट करने के लिए बड़े फ़ॉन्ट का उपयोग करते हैं। उदाहरण -
<html>
<head>
<title> Heading Tags Goes Here </title>
</head>
<h1> Heading Level - 1 </h1>
<h1> Heading Level - 2 </h1>
<h1> Heading Level - 3 </h1>
<h1> Heading Level - 4 </h1>
<h1> Heading Level - 5 </h1>
<h1> Heading Level - 6 </h1>
<p> Normal Text Goes Here </p>
</body>
</html>
<p> Paragraph Text Goes Here </p>
<p> Another Text for Paragraph </p>
Line Breaks
<br> टैग का उपयोग तब किया जाता है जब आप एक लाइन को तोड़ना चाहते हैं, लेकिन एक नया पैराग्राफ शुरू नहीं करना चाहते हैं। <br> टैग एक लाइन ब्रेक को बाध्य करता है जहां भी आप इसे रखते हैं। Example - <p> Com <br> puter </p>Final Words
0 टिप्पणियाँ