HTML: টেক্সট ফরম্যাটিং, লিস্ট, লিংক ও ছবি

অধ্যায় ৪: ওয়েব ডিজাইন পরিচিতি ও HTML লেসন ২৩ / ৩৬

হেডিং ও অনুচ্ছেদ

<h1> সবচেয়ে বড়, <h6> সবচেয়ে ছোট। অনুচ্ছেদের জন্য <p>।

টেক্সট ফরম্যাটিং ট্যাগ

ট্যাগকাজউদাহরণ
<b> / <strong>মোটা বা গুরুত্বপূর্ণলেখা
<i> / <em>বাঁকালেখা
<u>নিচে দাগলেখা
<sub>নিচের দিকে ছোটH2O
<sup>ওপরের দিকে ছোটa2 + b2
<br>নতুন লাইন
<hr>আড়াআড়ি রেখা

লিস্ট

<ol>                 <ul>
  <li>প্রথম</li>       <li>কলম</li>
  <li>দ্বিতীয়</li>     <li>খাতা</li>
</ol>                </ul>

<ol> ক্রমিক সংখ্যাসহ, <ul> বুলেটসহ তালিকা।

হাইপারলিংক

<a href="about.html">আমাদের সম্পর্কে</a>
<a href="https://example.com" target="_blank">নতুন ট্যাবে খুলবে</a>
<a href="mailto:info@example.com">ই-মেইল করুন</a>

আপেক্ষিক লিংক একই সাইটের ভেতরের ফাইলে (about.html), পরম লিংক পূর্ণ ঠিকানায় (https://...) যায়।

ছবি

<img src="college.jpg" alt="কলেজের ছবি" width="400">
  • src: ছবির ঠিকানা।
  • alt: ছবি লোড না হলে বা দৃষ্টিপ্রতিবন্ধীদের স্ক্রিন রিডারে যে লেখা আসে; সার্চ ইঞ্জিনও এটি পড়ে।
  • width, height: আকার।
মনে রাখো: <font> ও <center> পুরনো ট্যাগ, পাঠ্যবইয়ে থাকলেও আধুনিক ওয়েবে এসব কাজ CSS দিয়ে করা হয়।
অনুশীলনী
  1. HTML-এ CO2 ও x2 কীভাবে লিখবে?
  2. আপেক্ষিক ও পরম লিংকের পার্থক্য লেখো।
  3. তোমার প্রিয় ৩টি বইয়ের ক্রমিক তালিকা এবং একটি ছবিসহ পেজের কোড লেখো।