ब्लॉक एलिमेंट्स
ब्लॉक एलिमेंट्स स्क्रीन पर ऐसे दिखाई देते हैं जैसे उनके पहले और बाद में एक लाइन ब्रेक हो। वे उपलब्ध पूरी चौड़ाई भी लेते हैं। कुछ ब्लॉक एलिमेंट्स में शामिल हैं: <h1> से <h6>, <article>, <aside>, <p>, <pre>, <ul>, <ol>, <address>, आदि।
उदाहरण
ब्लॉक एलिमेंट्स <address>, <p>, <h3>, आदि में से एक का उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h2>कोडिंग ग्राउंड</h2> <h3>प्रोग्रामिंग भाषाओं और वेब टेक्नोलॉजीज के लिए कंपाइलर</h3> <p>ऑनलाइन कंपाइलर्स पर काम करने के लिए व्यक्तिगत लिंक्स पर क्लिक करें:</p> <nav> <a href="/compile_java_online.php">Java</a> | <a href="/php_terminal_online.php">PHP</a> | <a href="/online_jquery_editor.php">jQuery</a> | <a href="/compile_c_online.php">C</a> | <a href="/compile_cpp_online.php">C++</a> | <a href="/online_angularjs_editor.php">AngularJS</a> </nav> <p>हमारे पास <acronym title="JavaScript">JS</acronym> लाइब्रेरीज के लिए भी कंपाइलर है।</p> <address> संपर्क करें <a href="mailto:contact@tutorialspoint.com">admin</a>.<br> चौथा फ्लोर,<br> Incor9 बिल्डिंग, <br> कावुरी हिल्स, <br> माधापुर, हैदराबाद,<br> तेलंगाना 500081 </address> </body> </html>
यह निम्न आउटपुट देगा:
इनलाइन एलिमेंट्स
इनलाइन एलिमेंट्स ब्लॉक एलिमेंट्स से अलग होते हैं क्योंकि वे लाइन ब्रेक की तरह दिखाई नहीं देते और वाक्यों में दिखाई दे सकते हैं। इनलाइन एलिमेंट्स के कुछ उदाहरण हैं: <a>, <abbr>, <button>, <code>, <em>, <i>, <textarea>, <time>, आदि।
उदाहरण
आइए अब HTML में इनलाइन एलिमेंट्स <a> और <acronym> को लागू करने का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h2>कोडिंग ग्राउंड</h2> <h3>प्रोग्रामिंग भाषाओं और वेब टेक्नोलॉजीज के लिए कंपाइलर</h3> <nav> <a href="/compile_java_online.php">Java</a> | <a href="/php_terminal_online.php">PHP</a> | <a href="/online_jquery_editor.php">jQuery</a> | <a href="/compile_c_online.php">C</a> | <a href="/compile_cpp_online.php">C++</a> | <a href="/online_angularjs_editor.php">AngularJS</a> </nav> <p>हमारे पास <acronym title="JavaScript">JS</acronym> लाइब्रेरीज के लिए भी कंपाइलर है।</p> </body> </html>
यह निम्न आउटपुट देगा:
आउटपुट
JS पर कर्सर रखकर acronym का शीर्षक प्रदर्शित करें:
