Block Elements (ব্লক এলিমেন্ট)
ব্লক এলিমেন্টগুলো স্ক্রিনে দেখতে এমন হয় যেন তাদের আগে এবং পরে একটি লাইন ব্রেক আছে। এছাড়া এগুলো পুরো উপলব্ধ প্রস্থ নেয়। কিছু ব্লক এলিমেন্ট হলো: <h1> থেকে <h6>, <article>, <aside>, <p>, <pre>, <ul>, <ol>, <address>, ইত্যাদি।
উদাহরণ
ব্লক এলিমেন্ট <address>, <p>, <h3> ইত্যাদির একটি উদাহরণ দেখি:
<!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:contact@tutorialspoint.com">admin</a>.<br> 4th Floor,<br> Incor9 Building, <br> Kavuri Hills, <br> Madhapur, Hyderabad,<br> Telangana 500081 </address> </body> </html>
এটি নিচের আউটপুট তৈরি করবে:
Inline Elements (ইনলাইন এলিমেন্ট)
ইনলাইন এলিমেন্টগুলো ব্লক এলিমেন্ট থেকে আলাদা কারণ এগুলো লাইন ব্রেকের মত দেখানোর কথা নয় এবং বাক্যের মধ্যে দেখায়। কিছু ইনলাইন এলিমেন্টের উদাহরণ: <a>, <abbr>, <button>, <code>, <em>, <i>, <textarea>, <time>, ইত্যাদি।
উদাহরণ
আইয়ে এখন HTML-এ ইনলাইন এলিমেন্ট <a> এবং <acronym> ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
<!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-র ওপর কার্সর রাখলে অক্রোনিমের টাইটেল দেখাবে:
