HTML শিরোনাম:
এইচটিএমএল
শিরোনামগুলিকে ট্যাগ দিয়ে সংজ্ঞায়িত করা <h1>হয়েছে <h6>।
<h1>সবচেয়ে
গুরুত্বপূর্ণ শিরোনাম সংজ্ঞায়িত করে। <h6>সর্বনিম্ন গুরুত্বপূর্ণ
শিরোনাম সংজ্ঞায়িত করে।
উদাহরণ:
<h1>Heading
1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
শিরোনাম গুরুত্বপূর্ণ:
সার্চ
ইঞ্জিন আপনার ওয়েব পৃষ্ঠাগুলির গঠন এবং বিষয়বস্তু সূচী করতে শিরোনাম ব্যবহার
করে।
ব্যবহারকারীরা
প্রায়ই একটি পৃষ্ঠার শিরোনাম দ্বারা স্কিম করে। নথির কাঠামো দেখানোর জন্য শিরোনাম
ব্যবহার করা গুরুত্বপূর্ণ।
<h1>শিরোনামগুলি
প্রধান শিরোনামের জন্য ব্যবহার করা উচিত, তারপরে <h2>শিরোনামগুলি,
তারপরে কম গুরুত্বপূর্ণ <h3>, এবং আরও অনেক কিছু।
বড় শিরোনাম:
প্রতিটি
HTML শিরোনামের একটি ডিফল্ট আকার আছে। যাইহোক, আপনি styleCSS প্রপার্টি
ব্যবহার করে অ্যাট্রিবিউট সহ যেকোনো শিরোনামের জন্য আকার নির্দিষ্ট করতে
পারেন font-size:
উদাহরণ:
<h1 style="font-size:60px;">Heading
1</h1>
এইচটিএমএল অনুচ্ছেদ:
HTML <p>উপাদান
একটি অনুচ্ছেদ সংজ্ঞায়িত করে।
একটি
অনুচ্ছেদ সর্বদা একটি নতুন লাইনে শুরু হয় এবং ব্রাউজার স্বয়ংক্রিয়ভাবে একটি
অনুচ্ছেদের আগে এবং পরে কিছু সাদা স্থান (একটি মার্জিন) যোগ করে।
উদাহরণ:
<p>This is a
paragraph.</p>
<p>This is another paragraph.</p>
এইচটিএমএল ডিসপ্লে:
আপনি
নিশ্চিত হতে পারবেন না কিভাবে HTML প্রদর্শিত হবে।
বড়
বা ছোট স্ক্রিন, এবং রিসাইজ করা উইন্ডোগুলি বিভিন্ন ফলাফল তৈরি করবে।
HTML
এর সাথে, আপনি আপনার HTML কোডে অতিরিক্ত স্পেস বা অতিরিক্ত লাইন যোগ করে ডিসপ্লে
পরিবর্তন করতে পারবেন না।
পৃষ্ঠাটি
প্রদর্শিত হলে ব্রাউজার স্বয়ংক্রিয়ভাবে যেকোনো অতিরিক্ত স্পেস এবং লাইন মুছে
ফেলবে:
উদাহরণ:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
HTML অনুভূমিক নিয়ম:
ট্যাগটি <hr>একটি
এইচটিএমএল পৃষ্ঠায় একটি বিষয়গত বিরতি সংজ্ঞায়িত করে এবং এটি প্রায়শই একটি
অনুভূমিক নিয়ম হিসাবে প্রদর্শিত হয়।
উপাদানটি <hr>একটি
HTML পৃষ্ঠায় বিষয়বস্তু আলাদা করতে (বা একটি পরিবর্তন সংজ্ঞায়িত করতে) ব্যবহার
করা হয়:
উদাহরণ:
<h1>This is heading
1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
ট্যাগটি <hr>একটি
খালি ট্যাগ, যার মানে এটির কোন শেষ ট্যাগ নেই।
HTML লাইন বিরতি:
HTML <br>উপাদান
একটি লাইন বিরতি সংজ্ঞায়িত করে।
<br>আপনি
যদি একটি নতুন অনুচ্ছেদ শুরু না করে একটি লাইন বিরতি (একটি নতুন লাইন) চান
তবে ব্যবহার করুন :
উদাহরণ:
<p>This is<br>a
paragraph<br>with line breaks.</p>
ট্যাগটি <br>একটি
খালি ট্যাগ, যার মানে এটির কোন শেষ ট্যাগ নেই।
কবিতার সমস্যা:
এই
কবিতাটি একটি একক লাইনে প্রদর্শিত হবে:
উদাহরণ:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
সমাধান - HTML <pre>
এলিমেন্ট:
এইচটিএমএল <pre>উপাদান
প্রিফরম্যাট করা পাঠ্যকে সংজ্ঞায়িত করে।
একটি
উপাদানের ভিতরের পাঠ্য <pre>একটি নির্দিষ্ট-প্রস্থ ফন্টে প্রদর্শিত হয়
(সাধারণত কুরিয়ার), এবং এটি স্পেস এবং লাইন বিরতি উভয়ই সংরক্ষণ করে:
উদাহরণ:
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
HTML শৈলী বৈশিষ্ট্য:
একটি
HTML উপাদানের শৈলী সেট করা, styleবৈশিষ্ট্য দিয়ে করা যেতে পারে।
HTML styleঅ্যাট্রিবিউটের
নিম্নলিখিত সিনট্যাক্স রয়েছে:
<tagname style="property:value;">
সম্পত্তি একটি
CSS সম্পত্তি . মান হল একটি CSS মান ।
আপনি
এই টিউটোরিয়ালে পরে CSS সম্পর্কে আরও শিখবেন।
পেছনের রং:
CSS background-colorবৈশিষ্ট্য
একটি HTML উপাদানের জন্য পটভূমির রঙ নির্ধারণ করে।
1.
উদাহরণ:
একটি পৃষ্ঠার জন্য পটভূমির
রঙ পাউডার নীলে সেট করুন:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
2.
উদাহরণ:
দুটি ভিন্ন উপাদানের জন্য
পটভূমির রঙ সেট করুন:
<body>
<h1 style="background-color:powderblue;">This is a
heading</h1>
<p style="background-color:tomato;">This is a
paragraph.</p>
</body>
লেখার রঙ:
CSS colorবৈশিষ্ট্য
একটি HTML উপাদানের জন্য পাঠ্য রঙ সংজ্ঞায়িত করে:
উদাহরণ:
<h1 style="color:blue;">This
is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
হরফ:
CSS font-familyবৈশিষ্ট্য
একটি HTML উপাদানের জন্য ব্যবহার করা ফন্টকে সংজ্ঞায়িত করে:
উদাহরণ:
<h1 style="font-family:verdana;">This
is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
অক্ষরের আকার:
CSS font-sizeবৈশিষ্ট্য
একটি HTML উপাদানের জন্য পাঠ্য আকার সংজ্ঞায়িত করে:
উদাহরণ:
<h1 style="font-size:300%;">This
is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
লিখার বিন্যাস:
CSS text-alignবৈশিষ্ট্য
একটি HTML উপাদানের জন্য অনুভূমিক পাঠ্য প্রান্তিককরণ সংজ্ঞায়িত করে:
উদাহরণ:
<h1 style="text-align:center;">Centered
Heading</h1>
<p style="text-align:center;">Centered
paragraph.</p>
অধ্যায়ের সারাংশ:
- styleHTML উপাদান স্টাইল করার
জন্য বৈশিষ্ট্য ব্যবহার করুন
- background-colorপটভূমির রঙের
জন্য ব্যবহার করুন
- colorটেক্সট রং
জন্য ব্যবহার করুন
- font-familyপাঠ্য ফন্টের
জন্য ব্যবহার করুন
- font-sizeপাঠ্য আকারের
জন্য ব্যবহার করুন
- text-alignপাঠ্য প্রান্তিককরণের
জন্য ব্যবহার করুন
0 Comments
Thank you for your comment.