এইচটিএমএল বেসিক (HTML Basic)
এইচটিএমএল হেডিংঃ এইচটিএমএল হেডিংগুলোকে <h1> থেকে <h6> পর্যন্ত ট্যাগ দ্বারা নির্ধারণ করা হয়। হেডিং এর ব্যবহার দেখার জন্য নিচের ধাপগুলো অনুস্বরন করুন।
১. নোটপ্যাড প্রোগ্রামটি খুলুন।
২. তাতে নিচের কোডগুলো লিখুন।
<html>
<body>
<h1>
This is heading 1 </h1>
<h2> This is heading 2 </h2>
<h3> This is heading 3 </h3>
<h4> This is heading 4 </h4>
<h5> This is heading 5 </h5>
<h6> This is heading 6 </h6>
</body>
</html>
৩. এবার ফাইলটিকে test_heading.html নামে সেভ করুন
৪. ওয়েব ব্রাঊজারে ফাইলটি খুলে ফলাফল দেখুন।
HTML
প্যারাগ্রাফঃ এইচটিএমএল ফাইলে প্যারাগ্রাফগুলোকে <p> ট্যাগ দ্বরা নির্ধারণ করা হয়। এর শুরু হয় <p> দিয়ে এবং শেষ করতে হয় </p> দিয়ে। ওই ট্যাগের মধ্যে টেক্স বসাতে হয়। প্যারাগ্রাফ এর ব্যবহার জন্য নিচের পদক্ষেপগুলো নিন।
১. নোটপ্যাড প্রোগ্রামটি খুলুন।
২. তাতে নিচের কোডগুলো লিখুন।
<html>
<body>
<p>
This is a paragraph. </p>
<p> This is a paragraph .</p>
</body>
</html>
৩. এবার ফাইলটিকে test_ paragraph.html নামে সেভ করুন
৪. ওয়েব ব্রাঊজারে ফাইলটি খুলে ফলাফল দেখুন।
এইচটিএমএল লিঙ্ক
(HTML Link): এইচটিএমএল ফাইলে
লিঙ্কসমূহ <a> ট্যাগ দ্বারা নির্ধারণ করা হয়ে থাকে। এর
শুরু হয় <p> দিয়ে এবং শেষ করতে হয় </p> ব্যবহার করে। ওই ট্যাগের মধ্যে টেক্সট বসাতে
হয়। লিঙ্ক এর ব্যবহার দেখার জন্য নিচের ধাপগুলো অনুস্বরণ করুন।
১. নোটপ্যাড প্রোগ্রামটি খুলুন।
২. তাতে নিচের কোডগুলো লিখুন।
<html>
<body>
<a href=”http://www.onlinetunes24.blogspot.com” > This is a Link </a>
</body>
</html>
৩. এবার ফাইলটিকে test_ link.html নামে সেভ করুন
৪. ওয়েব ব্রাঊজারে ফাইলটি খুলে ফলাফল দেখুন।
এইচটিএমএল ইমেজ (HTML
Image): এইচটিএমএল ফাইলে
ইমেজসমূহ <img> ট্যাগ দ্বারা নির্ধারণ করা হয়ে থাকে। এর
ব্যবহার দেখার জন্য নিচের ধাপ গুলো অনুস্বরণ করুন।
১. নোটপ্যাড প্রোগ্রামটি খুলুন।
২. তাতে নিচের কোডগুলো লিখুন।
<html>
<body>
<img src =”image1.jpg” width=”100px” height=”125px” alt=”image”>
</body>
</html>
৩. এবার ফাইলটিকে test_ image.html নামে সেভ করুন
৪. ওয়েব ব্রাঊজারে ফাইলটি খুলে ফলাফল দেখুন।
বিঃদ্রঃ এখানে
আপনি ইচ্ছেমত ইমেজ ব্যবহার করতে পারবেন। এর জন্য আপনার ইমেইজের নাম এক্সটেনশন সহ src=” ” এর মধ্যে লেখতে হবে। ইমেইজের height, width ও আপনি ইচ্ছামত বাড়াতে কমাতে
পারেন।
