৫. টিউটোরিয়ালঃ HTML এর চিএসহ বর্ণনা এবং ভিডিওসহ Tutorial:



(১) HTML কি?
(২) HTML দিয়ে কিভাবে একটি Web page তৈরী করা হয়।
(৩) HTML code দিয়ে কিভাবে Line break করা হয়।
(৪) একটি Text কে center align এ (page-এর মধ্য ভাগে) নেওয়ার HTML code.
(৫) HTML এ কিভাবে Font size পরিবর্তন করা হয়।
(৬) HTML এ কিভাবে Font পরিবর্তন করা যায়।
(৭) কিভাবে HTML code দিয়ে একটি Text কে Bold, Italic & Underline এ customize করা যায়।
(৮) HTML দিয়ে কিভাবে Font color পরিবর্তন করা যায়।
(৯) HTML এ একটি page এর সাথে আন্য একটি page কে কিভাবে link করা হয়।
(১০) Web page এ HTML দিয়ে কিভাবে একটি Picture (ছবি) যুক্ত করা হয়।
(১০) Web page এ HTML দিয়ে কিভাবে একটি Picture (ছবি) যুক্ত করা হয়।


Web page এ HTML দিয়ে কিভাবে একটি Picture (ছবি) যুক্ত করা হয়:

HTML code লেখার জন্য এখানে Notepad ব্যবহার করা হয়েছে। Notepad open এর জন্য বামে নিচের কোণায় start icon  এ click করে Search এ click করে Notepad লিখতে হবে। এবার উপর থেকে Notepad এ click করলে Notepad open হবে।

(i) প্রথমে যে Folder এ HTML page টি থাকবে সে Folder এ Picture বা ছবিটি রাখতে হবে। এবার page এর যে জায়গায় Picture বা ছবিটি দেখাতা হবে সে জায়গায় <img src="Sid.jpg" /> tag লিখতে হবে। এখানে Sid হচ্ছে Picture বা ছবির নাম এবং jpg হচ্ছে Picture বা ছবির Extension।

অথবা যে Folder এ HTML page টি থাকবে সে Folder এ আর একটি Folder করে Picture বা ছবিটি রাখতে হলে <img src="Picture/Sid.jpg" /> লিখতে হবে। । এখানে Picture হচ্ছে যে Folder এ Picture বা ছবিটি রাখা হয়েছে সে Folder এর নাম। আবার অবশ্যই Picture নামের Folder টি যে Folder এ HTML page আছে সে Folder এ থাকতে হবে।

নিচে একটি উদাহরণ দেওয়া হল:




Code:


Output:

html








ভিডিও:

Web page এ HTML দিয়ে কিভাবে একটি Picture (ছবি) যুক্ত করা হয়: