HTML Formatting

এইচটিএমএল ফরম্যাটিং

এইচটিএমএল ফরম্যাটিং হল টেক্সট ফরম্যাট করার একটি প্রক্রিয়া যাতে সুন্দর চেহারা এবং অনুভূতি হয়। HTML আমাদের CSS ব্যবহার না করেই টেক্সট ফরম্যাট করার ক্ষমতা প্রদান করে। HTML এ অনেক ফরম্যাটিং ট্যাগ আছে। এই ট্যাগগুলি পাঠ্যকে বোল্ড, তির্যক বা আন্ডারলাইন করতে ব্যবহৃত হয়। এইচটিএমএল এবং এক্সএইচটিএমএল-এ পাঠ্য কীভাবে উপস্থিত হয় তা প্রায় 14টি বিকল্প উপলব্ধ রয়েছে।

HTML-এ ফরম্যাটিং ট্যাগ দুটি বিভাগে বিভক্ত:

শারীরিক ট্যাগ: এই ট্যাগগুলি পাঠ্যের চাক্ষুষ চেহারা প্রদান করতে ব্যবহৃত হয়।

লজিক্যাল ট্যাগ: এই ট্যাগগুলো টেক্সটে কিছু লজিক্যাল বা শব্দার্থিক মান যোগ করতে ব্যবহার করা হয়।

দ্রষ্টব্য: কিছু ভৌত এবং যৌক্তিক ট্যাগ আছে যেগুলি একই ভিজ্যুয়াল চেহারা দিতে পারে, কিন্তু শব্দার্থবিদ্যায় সেগুলি আলাদা হবে৷

এখানে, আমরা 14টি HTML ফরম্যাটিং ট্যাগ শিখতে যাচ্ছি। এইচটিএমএল ফরম্যাটিং টেক্সটের তালিকা নিচে দেওয়া হল।

Element name Description
এটি একটি ফিজিক্যাল ট্যাগ, যা এর মধ্যে লেখা টেক্সটকে বোল্ড করতে ব্যবহৃত হয়।
এটি একটি যৌক্তিক ট্যাগ, যা ব্রাউজারকে বলে যে পাঠ্যটি গুরুত্বপূর্ণ।
এটি একটি ফিজিক্যাল ট্যাগ যা টেক্সট ইটালিক করতে ব্যবহৃত হয়।
এটি একটি লজিক্যাল ট্যাগ যা ইটালিক কন্টেন্ট প্রদর্শন করতে ব্যবহৃত হয়।
এই ট্যাগ টেক্সট হাইলাইট করতে ব্যবহার করা হয়.
এই ট্যাগটি এর মধ্যে লেখা পাঠ্যকে আন্ডারলাইন করতে ব্যবহৃত হয়।
এই ট্যাগটি টেলিটাইপে পাঠ্য দেখাতে ব্যবহৃত হয়। (HTML5 সমর্থিত নয়)
এই ট্যাগটি পাঠ্যের একটি অংশে স্ট্রাইকথ্রু আঁকতে ব্যবহৃত হয়। (HTML5 সমর্থিত নয়)
এটি সাধারণ লাইনের সামান্য উপরে বিষয়বস্তু প্রদর্শন করে।
এটি সাধারণ লাইনের সামান্য নিচে বিষয়বস্তু প্রদর্শন করে।
এই ট্যাগটি মুছে ফেলা বিষয়বস্তু প্রদর্শন করতে ব্যবহৃত হয়।
এই ট্যাগ যোগ করা বিষয়বস্তু প্রদর্শন করে
এই ট্যাগটি একটি প্রচলিত ইউনিট দ্বারা ফন্টের আকার বৃদ্ধি করতে ব্যবহৃত হয়।
এই ট্যাগটি বেস ফন্টের আকার থেকে এক ইউনিট ফন্টের আকার হ্রাস করতে ব্যবহৃত হয়।

1) Bold Text HTML and formatting elements The HTML element is a physical tag which display text in bold font, without any logical importance. If you write anything within ............ element, is shown in bold letters. See this example:

  1. বোল্ড টেক্সটে আপনার প্রথম অনুচ্ছেদ লিখুন।

Output: বোল্ড টেক্সটে আপনার প্রথম অনুচ্ছেদ লিখুন.

HTML ট্যাগ হল একটি লজিক্যাল ট্যাগ, যা বোল্ড ফন্টে বিষয়বস্তু প্রদর্শন করে এবং ব্রাউজারকে এর যৌক্তিক গুরুত্ব সম্পর্কে অবহিত করে। আপনি যদি ??????? এর মধ্যে কিছু লেখেন। , গুরুত্বপূর্ণ লেখা দেখানো হয়েছে।

See this example:

 
  1. <p><strong>This is an important contentstrong>, and this is normal contentp>  

Example formatting elements

Explanation of formatting element

This is an important content, and this is normal content

2) Italic Text

HTML and formatting elements

HTML এলিমেন্ট হল ফিজিক্যাল এলিমেন্ট, যা কোন অতিরিক্ত গুরুত্ব ছাড়াই ইটালিক ফন্টে আবদ্ধ বিষয়বস্তু প্রদর্শন করে। আপনি ............ উপাদানের মধ্যে কিছু লিখলে, তির্যক অক্ষরে দেখানো হয়।

See this example:

ইটালিক টেক্সটে আপনার প্রথম অনুচ্ছেদটি লিখুন।

Write Your First Paragraph in italic text.

HTML ট্যাগ হল একটি যৌক্তিক উপাদান, যা ইটালিক ফন্টে আবদ্ধ বিষয়বস্তু প্রদর্শন করবে, অতিরিক্ত শব্দার্থবিদ্যার গুরুত্ব সহ।

এটি একটি গুরুত্বপূর্ণ বিষয়বস্তু, যা ইটালিক ফন্টে প্রদর্শিত হয়।

এটি একটি গুরুত্বপূর্ণ বিষয়বস্তু, যা ইটালিক ফন্টে প্রদর্শিত হয়।

  1. >  
  2. <html>  
  3. <head>  
  4.     <title>formatting elementstitle>  
  5. head>  
  6. <body>  
  7. <h1>Explanation of italic formatting elementh1>  
  8. <p><em>This is an important contentem>, which displayed in italic font.p>  
  9. body>  
  10. html>  

3) HTML Marked formatting

আপনি যদি কোনো পাঠ্যকে চিহ্নিত বা হাইলাইট করতে চান, তাহলে আপনাকে .......... এর মধ্যে বিষয়বস্তু লিখতে হবে।

I want to put a Mark on your face

4) Underlined Text

If you write anything within ......... element, is shown in underlined text.

See this example:

 
  1. <p> <u>Write Your First Paragraph in underlined text.u>p>  

5) Strike Text Anything written within ....................... element is displayed with strikethrough. It is a thin line which cross the statement. See this example:

Write Your First Paragraph with strikethrough.

6) মনোস্পেসড ফন্ট

আপনি যদি চান যে প্রতিটি অক্ষরের প্রস্থ একই থাকে তাহলে আপনাকে ............. উপাদানের মধ্যে বিষয়বস্তু লিখতে হবে।

দ্রষ্টব্য: আমরা জানি যে বেশিরভাগ ফন্টগুলি পরিবর্তনশীল-প্রস্থ ফন্ট হিসাবে পরিচিত কারণ বিভিন্ন অক্ষরের প্রস্থ আলাদা। (উদাহরণস্বরূপ: 'w' 'i' এর চেয়ে প্রশস্ত)। Monospaced ফন্ট প্রতিটি অক্ষরের মধ্যে অনুরূপ স্থান প্রদান করে।

বিজ্ঞাপন

See this example:

 
  1. <p>Hello <tt>Write Your First Paragraph in monospaced font.tt>p> 

7) Superscript Text আপনি .............. উপাদানের মধ্যে বিষয়বস্তু রাখলে, সুপারস্ক্রিপ্টে দেখানো হয়; মানে এটি অন্যান্য অক্ষরের উপরে অর্ধেক অক্ষরের উচ্চতা প্রদর্শিত হয়। See this example:

Hello Write Your First Paragraph in superscript.

8) Subscript Text

আপনি .............. উপাদানের মধ্যে বিষয়বস্তু রাখলে, সাবস্ক্রিপ্টে দেখানো হয়; মানে এটি অন্যান্য অক্ষরের নিচে অর্ধেক অক্ষরের উচ্চতা প্রদর্শিত হয়।

See this example:

  1. <p>Hello <sub>Write Your First Paragraph in subscript.sub>p>  

9) Deleted Text ..........-এর মধ্যে যে কোনও কিছু মুছে ফেলা পাঠ্য হিসাবে প্রদর্শিত হয়৷ See this example:

Hello Delete your first paragraph.

10) Inserted Text

..........-এর মধ্যে যে কোনো কিছুই সন্নিবেশিত পাঠ্য হিসেবে প্রদর্শিত হয়।

See this example:

  1. <p> <del>Delete your first paragraph.del><ins>Write another paragraph.ins>p>  

11) Larger Text আপনি যদি আপনার ফন্ট সাইজ বাকি টেক্সট থেকে বড় করতে চান তাহলে বিষয়বস্তুটি ......... এর মধ্যে রাখুন। এটি আগেরটির চেয়ে একটি ফন্টের আকার বড় করে। See this example:

Hello Write the paragraph in larger font.

12) Smaller Text

আপনি যদি আপনার ফন্টের আকার বাকি টেক্সটের থেকে ছোট করতে চান তাহলে বিষয়বস্তুটিকে ......... ট্যাগের মধ্যে রাখুন। এটি আগেরটির চেয়ে একটি ফন্টের আকার হ্রাস করে।

See this example:

 
  1. <p>Hello <small>Write the paragraph in smaller font.small>p>  


Leave a Reply