এইচটিএমএল ব্লক - HTML Block



ব্লক লেভেল এলিমেন্টগুলো তার ডানপাশের সম্পূর্ন প্রস্থ ধারণ করে এবং ইনলাইন এলিমেন্ট শুধুমাত্র তার নির্দিষ্ট প্রস্থ ধারণ করে।


ব্লক-লেভেল এলিমেন্ট

ব্লক-লেভেল এলিমেন্ট সর্বদা একটি নতুন লাইন থেকে শুরু হয় এবং ঐ লাইনের সম্পূর্ন প্রস্থ দখল করে নেয়(বাম থেকে ডানে যতটু্কু প্রসারিত হতে পারে)।

<div> একটি ব্লক-লেভেল এলিমেন্ট


উদাহরণ

<div>Hello</div>
<div>World</div>


নিচে কত গুলো ব্লক-লেভেল এলিমেন্টের নাম দেখুন।

<address><article><aside>
<blockquote><canvas><dd>
<div><dl><dt>
<fieldset><figcaption><figure>
<footer><form><h1>-<h6>
<header><hr><li>
<main><nav><noscript>
<ol><output><p>
<pre><section><table>
<tfoot><ul><video>


ইনলাইন এলিমেন্ট

ইনলাইন এলিমেন্ট শুরু হতে কোন নতুন লাইনের প্রয়োজন হয় না এবং এই এলিমেন্টটি শুধুমাত্র প্রয়োজন অনুযায়ী প্রস্থ দখল করবে।

প্যারাগ্রাফ এলিমেন্টের ভিতরে <span> একটি ইনলাইন এলিমেন্ট।


উদাহরণ

<span>Hello</span>
<span>World</span>


নিচে কত গুলো ইনলাইন এলিমেন্টের নাম দেখুন।

<a><abbr><acronym><b><bdo>
<big><br><button><cite><code>
<dfn><em><i><img><input>
<kbd><label><map><object><q>
<samp><script><select><small><span>
<strong><sub><sup><textarea><time>
<tt><var>


<div> এলিমেন্ট

<div> এলিমেন্টটি একটি ব্লক-লেভেল এলিমেন্ট, যা কোন এইচটিএমএল এলিমেন্টের কন্টেইনার হিসাবে ব্যবহার করা হয়। এইচটিএমএল ডকুমেন্টের নির্দিষ্ট কোন ব্লকে ভিন্ন স্টাইল করার জন্য <div> এলিমেন্ট ব্যবহার করা হয়। এইচটিএমএল ব্লক এলিমেন্টগুলোকে style এট্রিবিউট, class ও id এট্রিবিউট ব্যবহার করে স্টাইল করা যায়

উদাহরণ

<div style="background-color:silver;color:black;padding:25px;">
<h2>WebsSchool</h2>
<p>
WebsSchool is a free bangla web design tutorial for larning web design.
</p>
</div>




<span> এলিমেন্ট

<span> একটি ইনলাইন এলিমেন্ট যা প্রায়ই স্বল্প পরিমানে কিছু টেক্সট রাখার জন্য ব্যবহার করা হয়। <span> এলিমেন্টের নিজস্ব প্রয়োজনীয় কোন এট্রিবিউট নেই কিন্তু সাধারানভাবে style এবং class এট্রিবিউট ব্যবহার হয়। এইচটিএমএল এলিমেন্টের নির্দিষ্ট একটি টেক্সটকে ভিন্ন ভাবে স্টাইল করার জন্য <span> এলিমেন্ট ব্যবহার করা হয়।

উদাহরণ

<h1>My <span style="color:red">Important</span> Heading</h1>




এইচটিএমএল গ্রুপিং ট্যাগ

ট্যাগ বর্ণনা
<div> ডকুমেন্টের মধ্যে সেকশন তৈরি করে(ব্লক-লেভেল)
<span> ডকুমেন্টের মধ্যে সেকশন তৈরি করে(ইনলাইন)

নোট - এইচটিএমএল ব্লক এবং ইনলাইন এলিমেন্টগুলোকে style এট্রিবিউট, class ও id এট্রিবিউট ব্যবহার করে স্টাইল করা যায়







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.