अवरोध तत्वों
ब्लॉक तत्व स्क्रीन पर ऐसे दिखाई देते हैं जैसे कि उनके पहले और बाद में लाइन ब्रेक हो। वे पूरी उपलब्ध चौड़ाई भी लेते हैं। कुछ ब्लॉक तत्वों में शामिल हैं,
से , <लेख>, <एक तरफ>,
,
<!DOCTYPE html> <html> <body> <h2>Coding Ground</h2> <h3>Compilers for Programming Languages and Web Technologies</h3> <p>Click on the individual links to work on online compilers:</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>We also have complier for <acronym title="JavaScript">JS</acronym> libraries.</p> <address> Contact us at <a href="mailto:[email protected]">admin</a>.<br> 4th Floor,<br> Incor9 Building, <br> Kavuri Hills, <br> Madhapur, Hyderabad,<br> Telangana 500081 </address> </body> </html>
यह निम्नलिखित आउटपुट देगा -
इनलाइन तत्व
इनलाइन तत्व ब्लॉक तत्वों से अलग हैं क्योंकि वे लाइन ब्रेक की तरह नहीं दिखाई देंगे और वाक्यों में दिखाई दे सकते हैं। इनलाइन तत्वों के कुछ उदाहरण हैं , ,
उदाहरण
आइए अब HTML में इनलाइन तत्वों और को लागू करने के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h2>Coding Ground</h2> <h3>Compilers for Programming Languages and Web Technologies</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>We also have complier for <acronym title="JavaScript">JS</acronym> libraries.</p> </body> </html>
यह निम्नलिखित आउटपुट देगा -
आउटपुट
संक्षिप्त नाम का शीर्षक प्रदर्शित करने के लिए कर्सर को JS पर रखें -