৫. টিউটোরিয়ালঃ 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 (ছবি) যুক্ত করা হয়।
(২) HTML দিয়ে কিভাবে একটি Web page তৈরী করা হয়।


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

(i) Notepad এ নিচের code গুলো লিখে উপরের File থেকে Save এ click করতে হবে। এবার File টির একটা নাম লিখে নামের শেষে .html extension লিখে যে কোন জায়গায় Save করতে হবে। উদাহরণ: "test1.html". এবার যে File টি Save হল তা একটি HTML page.





 এবার test1.html file টি যে কোন একটি browser দিয়ে open করলে Web page টি নিচের মত দেখাবে।

Photoshop

এবার Notepad এর code গুলো এবং browser যে ouput show হয়েছে সেগুলোর প্রতি লক্ষ্য করলে দেখা যাবে Notepad এর code এ <body> </body> tag এর মধ্যে যা লেখা হয়েছে তা শুধু browser এর body তে show করছে। আর <title></title> tag এ যা লেখা হয়েছে তা browser এর title এ show হচ্ছে। অর্থাৎ code গুলো কিছু নিয়ম মেনে চলছে। নিচে নিয়মগুলো দেওয়া হল:



(১) শুরুতে <html> এবং শেষে </html> লিখতে হবে।
(২) <head></head> এর মধ্যে <title></title> লিখতে হবে। (<head></head> এর মধ্যে সাদারণত CSS, Java script code লেখা হয়)
(৩) <title></title> এর মধ্যে যা কিছু লেখা হবে তা browser এর উপরে title এ দেখা যাবে।
(৪) <body></body> tag এর মধ্যে যা লেখা হবে তা browser এর body তে দেখা যাবে।








ভিডিও:

HTML দিয়ে কিভাবে একটি Web page তৈরী করা হয়: