Name of the Experiment: Html -এ টাইটেল ও হেডিং ট্যাগের ব্যবহার।
Experiment No: 1
Date:.........
Page No:........
প্রয়োজনীয় যন্ত্রপাতি: একটি পার্সোনাল কম্পিউটার।
প্রয়োজনীয় সফটওয়্যার :
১. একটি অপারেটিং সিস্টেম। যেমন: Windows 7/Windows 8/Windows 10
২. যেকোনো একটি এডিটর প্রোগ্রাম। যেমন: Notepad/Notepad++/Sublime Text এবং
৩. যেকোনো একটি ব্রাউজার। যেমন: Google Chrome/Mozilla Firefox/Microsoft Edge
প্রক্রিয়া অনুসরণ:
১. Start-এর উপর ক্লিক করতে হবে।
২. Programmes/All programmes -এর উপর ক্লিক করতে হবে।
৩. Accessories-এর উপর ক্লিক করতে হবে।
৪.Notepad-এর উপর ক্লিক করতে হবে। তাহলে নোটপ্যাড (Notepad) এডিটর চালু হবে। এডিটরে প্রয়োজনীয় কোড লিখতে হবে।
HTML কোড:
<!DOCTYPE html>
<html>
<head>
<title>Title and Heading </title>
</head>
<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>
ফাইল সংরক্ষণ:
১. Notepad-এ কোড লিখে File menu তে ক্লিক করে Save As -এ ক্লিক করি। তাহলে Save as ডায়ালগ বক্স আসবে।
২. File Name – এর Text বক্সে যে কোনো নাম টাইপ করি এবং নামের শেষে .htm বা html লিখি।
৩. Save as type এর ড্রপ ডাউন লিস্ট হতে HTML বা All files সিলেক্ট করি।
৪. অবশেষে Save – এর উপর ক্লিক করি। তাহলে ফাইলটি সংরক্ষিত হবে।
ফলাফল:
সেভ করা ফাইলটি যেকোনো ব্রাউজারে ওপেন করার জন্য ফাইলটির উপর মাউস পয়েন্টার রাখি এবং ডাবল ক্লিক করি। তাহলে চিত্র-১ -এর মতো আউটপুট দেখতে পাবো।
ব্যাখ্যাঃ
১. এইচটিএমএল কোর্ডটিতে <title>নামে একটি এলিমেন্ট আছে এই ট্যাগের মধ্যে যা লেখা
থাকবে তা ব্রাউজারের টাইটেল বারে প্রদর্শিত হবে। এই কোড ব্রাউজারে রান করলে Title and Heading প্রদর্শিত হবে।
২. H1, h2, h3, h4, h5, h6 এলিমেন্টগুলো দিয়ে বিভিন্ন সাইজের হেডিং প্রদর্শিত হবে। সবচেয়ে বড় হেডিং h1 আর সবচেয়ে ছোট হেডিং H6