একাডেমিক্স

আইসিটি প্রথম পত্র

অধ্যায় -৪

ওয়েব ডিজাইন পরিচিতি ও এইচটিএমএল

মোঃ মারুফ হোসাইন

ম্যানেজমেন্ট ইনফরমেশনস সিস্টেমস

ঢাকা বিশ্ববিদ্যালয়
● ওয়েব ডিজাইন এর ধারনা

● ওয়েবসাইটের কাঠামো

● HTML

➔ HTML এর মৌলিক ধারনা

➔ HTML এর সাধারণ গঠন , Element ও attribute

➔ HTML এর টেক্সট ফরম্যাটিং

➔ HTML এর ফন্টের ব্যবহার

➔ HTML -এ চিত্র সংযোগ করা

➔ HTML -এ হাইপারলিংকের ব্যবহার

➔ HTML -এ টেবিলের ব্যবহার

➔ HTML -এ লিস্ট এর ব্যবহার

● ওয়েবপেইজে বাংলার ব্যবহার

● ওয়েবপেজ ডিজাইনিং

● ওয়েবসাইট পাব্লিশিং

● জ্ঞ্যানমূলক ও অনূধাবনমূলক প্রশ্ন

● বহুনির্বাচনী ও সৃজনশীল প্রশ্ন

 ওয়েব ডিজাইন এর ধারনা

ওয়েব পেজ: HTML ও অন্যান্য ভাষায় লেখা একধরনের ওয়েব ডকুমেন্ট যা ইন্টারনেট ব্যবহারকারীদের দেখার জন্য সার্ভ ারে রাখা
হয় তাকে ওয়েব পেইজ বলে।

ওয়েব পেইজের বিষয়বস্তু: ওয়েব পেইজে তেক্সট বা লেখা, ছবি, অ্যানিমেশন ছাড়াও বিভিন্ন ধরনের ডেটা ফাইল, ভিডিও, অডিও
ইত্যাদি এবং অন্য কোনো পেইজের লিংক থাকতে পারে। ওয়েব পেইজের বিষয়বস্তু ব্রাউজারে প্রদর্শনের জন্য বিভিন্ন ধরনের প্রোগ্রাম
ফাইলের প্রয়োজন হয়।

I. টেক্সট ডেটা ফাইল: .pdf (Portable Document File), .ppt (powerPoint Presentation), .docs বা .doc
(Document) ইত্যাদি ফাইল।
II. ছবি ও গ্রাফিক্স ফাইল: .jpg/jpeg (Joint photographic Expert), .png (Portable Network Graphics), .gif
(Graphics Interchange Format), .bmp (bitmap image file)

ওয়েবসাইট: ইন্টারনেটের সাথে যুক্ত কোনো সার্ভ ারে বরাদ্দকৃ ত লোকেশন যেখানে এক বা একাধিক ওয়েব পেইজ সংরক্ষণ করে রাখা
যায় তাকেই ওয়েবসাইট বলে। গঠন বৈচিত্রের উপর ভিত্তি করে ওয়েবসাইট ২ প্রকার। যথা:

1. স্ট্যাটিক ওয়েবসাইট: যে সকল ওয়েবসাইটের ডেটার মান ওয়েব পেইজ চালু অবস্থায় পরিবর্ত ন করা যায় না তাকে স্ট্যাটিক
ওয়েবসাইট বলে।
2. ডায়নামিক ওয়েবসাইট: যে সকল ওয়েবসাইটের ডেটার মান ওয়েব পেইজ চালু অবস্থায় পরিবর্ত ন করা যায় তাকে
ডায়নামিক ওয়েবসাইট বলে।

স্ট্যাটিক ও ডায়নামিক ওয়েবসাইটের তু লনামূলক আলোচনা:

স্ট্যাটিক ওয়েবসাইট ডায়নামিক ওয়েবসাইট

১) স্ট্যাটিক ওয়েবসাইটের পেজগুলোতে কন্টেন্ট নির্দি ষ্ট থাকে । ১) ডায়নামিক ওয়েবসাইটের পেজগুলোতে পরিবর্ত নশীল তথ্য
২) ব্রাউজারে খুব দ্রুত লোড হয় থাকে। (ইন্টার‍
্যাক্টিভ ওয়েব পেজ)
৩) এ ধরনের ওয়েবসাইট বেশি নিরাপদ কারন এখানে কেবল ২) ব্রাউজারে লোড হতে তু লনামূলক সময় বেশি লাগে।
একমুখি কমিউনিকেশন হয় (সার্ভ ার টু ক্লায়েন্ট) ৩) এ ধরনের ওয়েবসাইট তু লনামূলক কম নিরাপদ কারন
৪) এ ধরনের ওয়েবসাইট উন্নয়নে HTML, CSS ব্যবহৃত হয়। এখানে উভয়মুখী কমিউনিকেশন হয়।
৫) স্ট্যাটিক ওয়েবসাইটে সাধারণত কোনো ডাটাবেজ ব্যবহৃত ৪) এ ধরনের ওয়েবসাইট উন্নয়নে PHP, Perl, ASP.Net,
হয় না। Java Script ইত্যাদি ব্যবহৃত হয়।
৬) এ ধরনের ওয়েবসাইট উন্নয়নে খরচ কম হয়। ৫) ডায়নামিক ওয়েবসাইট উন্নয়নে ডাটাবেজ ব্যবহৃত হয়।
৭) এ ধরনের ওয়েবসাইট উন্নয়ন ও নিয়ন্ত্রন খুব সহজ। ৬) এ ধরনের ওয়েবসাইট উন্নয়নে খরচ বেশি হয়।
৭) এ ধরনের ওয়েবসাইট উন্নয়ন ও নিয়ন্ত্রন জটিল।

ওয়েব পোর্ট াল: ওয়েব পোর্ট াল একটি ওয়েবসাইট যেখানে প্রয়োজনীয় বিভিন্ন ধরনের কন্টেন্ট, লিংক, সার্ভি স বা সেবার তথ্য
ব্যবহারকারীদের জন্য সহজভাবে উপস্থাপন করা হয়।

ওয়েব ব্রাউজার: ইন্টারনেট ব্রাউজিং মানে হচ্ছে এক ওয়েব পেইজ থেকে অন্য ওয়েব পেইজে ভ্রমণ করা বা ভিজিট করা। এইসব
কাজের জন্য বিভিন্ন ধরনের সফটওয়্যার ব্যবহার করা হয়। এই সফটওয়্যারকে ব্রাউজার সফটওয়্যার বলা হয়। অর্থাৎ, যে
সফটওয়্যারের সাহায্যে বিভিন্ন ওয়েব পেইজ প্রদর্শন করা যায় বা দেখা যায় তাকে ওয়েব ব্রাউজার বলে। যেমন: ইন্টারনেট
এক্সপ্লোরার, মজিলা ফায়ারফক্স, গুগল ক্রোম, অপেরা ইউসি, সাফারি ইত্যাদি,

URL: ১৯৯৫ সালে www (world Wide Web) এর জনক টিম বার্নাস লি www তথা ইন্টারনেটে যুক্ত প্রতিটি ওয়েবসাইটকে
পৃথকভাবে চিহ্নিত করার জন্য URL (Uniform Resource Locator) কে উপস্থাপন করেন। URL er পূর্ব নাম ছিলো URI
(Uniform Resource Identifier) । একটি URL এর গুরুত্বপূর্ণ অংশসমূহ:-

1. প্রোটোকল নেম: যে নিয়মনীতির উপর নির্ভ র করে ডেটা স্থানান্তর করা হয় তাকে প্রোটোকল বলে। কিছু প্রোটোকলের নাম-
➔ http : HyperText Transfer Protocol ( ইন্টারনেটে ডকুমেন্ট ট্রান্সফারের জন্য ব্যবহৃত হয়। ক্লায়েন্টের সাথে
সার্ভ ারের সংযোগ তৈরি করে। ক্লায়েন্ট কম্পিউটার থেকে পাঠানো রিকুয়েস্ট সার্ভ ারে প্রদান করে এবং সার্ভ ারে
প্রেরিত ডেটা ক্লায়েন্টের নিকট প্রেরণ করে।)
➔ TCP/IP : Transmission Control Protocol / Internet Protocol ( ইন্টারনেটে ব্যবহৃত প্রোটোকল)
 ➔ FTP : File Transfer Protocol (ইন্টারনেট মাধ্যম ব্যবহার করে ফাইল আদান প্রদানের জন্য ব্যবহৃত প্রোটোকল
)
➔ VoIP : Voice Over Internet Protocol
➔ SMTP : Simple Mail Transfer Protocol
➔ POP : Post Office protocol
➔ IMAP : Internet Message Access protocol
2. সাব ডোমেইন: মূলত কি ধরনের হোস্ট হচ্ছে তা এখানে উল্লেখ করতে হয়।
3. ডোমেইন: IP Adress এর alphabetic ফরমেট
4. ডিরেক্টরি, ফাইল পাথ ও ফাইল নেম:

আইপি অ্যাড্রেস (IP Adress): ইন্টারনেটের সাথে সম্পর্ক যুক্ত প্রতিটি কম্পিউটার বা ইলেক্ট্রনিক ডিভাইসকে শনাক্তকরনের জন্য
এক ধরনের অদ্বিতীয় নাম্বার ব্যবহার করা হয় তাকে আইপি অ্যাড্রেস বলে।

● আইপি অ্যাড্রেস কখনো ডু প্লিকেট হয় না। অর্থাৎ একই আইপি অ্যাড্রেস একের অধিক ডিভাইসে ব্যবহার করা যাবে না।
● সংশ্লিষ্ট দুই ধরনের আইপি অ্যাড্রেস হয়ে থাকে। যথা: IPV4 ও IPV6 ।

IPV4 ও IPV6 এর তু লনামূলক চিত্র-

মানদন্ড IPV4 IPV6

অ্যাড্রেস ফরমেট ডেসিমেল (দশমিক) হেক্সা-ডেসিমেল

সেগমেন্ট (ভাগ) 4 টি 8 (আট) টি

প্রতি সেগমেন্টে বিট 8 (আট) টি 16 টি

মোট বিট 32 টি 128 টি

সেগমেন্ট রেঞ্জ 0-255 0-ffff

মোট আইপি 2
32
= 4294967296 2
128
= 3. 4 × 10
38

আইপি ক্লাস A,B,C,D & E ক্লাস নেই

ডোমেইন নেইম: আইপি অ্যাড্রেস মনে রাখা বেশ কষ্টসাধ্য বেপার। এই বিষয়টি সহজতর করার জন্য ইন্টারনেটে Domain Name
System (DNS) নামে একটি পদ্ধতি ব্যবহার করা হয়। ডোমেইন নেইম হচ্ছে এক বা একাধিক আইপি অ্যাড্রেসকে সনাক্তকরণের
জন্য একটি অদ্বিতীয় আলফানিউমেরিক ঠিকানা।
ডোমেইন নেইমের দুইটি অংশ থাকে। যথা :
1. রুট লেভেল / টপ লেভেল (TLP): রুট লেভেল বলতে ডোমেইনের ধরন বঝায়। ডট (.) এর পরের অংশকে রুট লেভেল
বলে। এটা দুই প্রকার হতে পারে। i) জেনেরিক ii) কান্ট্রি।
2. সেকেন্ড লেভেল: সেকেন্ড লেভেলে ডোমেইনের পরিচিতিমূলক নিজস্ব নাম থাকে। ডট (.) এর আগের অংশকে সেকেন্ড লেভেল
বলে।

ওয়েব সাইটের কাঠামো: একটি ওয়েবসাইটের ভিতরে অনেক ওয়েব পেইজ থাকতে পারে। ওয়েব সাইতের অন্তর্গত বিভিন্ন পেইজগুলো
কীভাবে সাজানো থাকবে তাই হলো ওয়েব সাইটের কাঠামো। একটি ওয়েবসাইটে প্রবেশ করলে প্রথমে কোন পেইজ আসবে, সেখান
থেকে প্ন্যান্য পেইজে কীভাবে যাওয়া যাবে তা ওয়েব সাইটের কাঠামোতে ঠিক করা হয়। একটি ওয়েব সাইটের কাঠামো মূলত তিন
ভাগে বিভক্ত। যথা:
I. হোম পেইজ (Home Page)
II. মূল ধারার পেইজ (Main Sections)
III. উপ ধারার পেইজ (Sub Sections)
ওয়েব সাইটের বৈশিষ্ট্য বা ওয়েব লিংকের উপর ভিত্তি করে ওয়েবসাইট স্ট্রাকচারকে চার (4) ভাগে ভাগ করা যেতে পারে। যথা:
1) সিকুয়েন্স বা লিনিয়ার স্ট্রাকচার: যে স্ট্রাকচারে ওয়েব পেইজগুলো সারিবদ্ধভাবে একটির পর আরেকটি থাকে তাকে সিকুয়েন্স বা
লিনিয়ার স্ট্রাকচার বলে। এই স্ট্রাকচারটি সবচেয়ে সহজ এবং সরল। এই ধরনের পেইজগুলোতে সাধারণত Next, previous, Last,
First ইত্যাদি লিংক ব্যবহার করা হয়। সিকুয়েন্স স্ট্রাকচার আবার দুই ধরনের হয়-
I. স্ট্রেইট লিনিয়ার স্ট্রাকচার: সাধারণত ট্রেনিং সাইট বা প্রোগ্রামিং লজিকযুক্ত সাইটে এ ধরনের স্ট্রাকচার ব্যবহার করা হয়।
 II. লিনিয়ার সিকুয়েন্স স্ট্রাকচার: অধিকতর জটিল ওয়েবসাইটগুলোতে লজিক্যাল সিকুএন্সের মাধ্যমে অরগানাইজড করা যেতে
পারে। এক্ষেত্রে মূল সিকুএন্সের প্রতিটি পেজ এক বা একাধিক পেজের সাথে যুক্ত হতে পারে।
2) ট্রি বা হায়ারার্কি ক্যাল স্ট্রাকচার: যে স্ট্রাকচারে ওয়েব পেজগুলো এক বা একাধিক লেভেল পর্যন্ত সংরক্ষণ করা যায় তাকে ট্রি বা
হায়ারার্কি ক্যাল স্ট্রাকচার বলে।
● এ স্ট্রাকচারে প্রথম পেইজকে হোম পেইজ বা রুট নোট পেইজ বলে।
● বড় বড় প্রতিষ্ঠান বা কর্পোরেট লেভেল ওয়েবসাইট ডিজাইনের ক্ষেত্রে ট্রি স্ট্রাকচার ব্যবহার করে।
● এটি তথ্য উপস্থাপনের সবচেয়ে উত্তম পন্থা।
● ট্রি স্ট্রাকচার দু ধরনের হয়ে থাকে। যথা: i) সরল হাব স্ট্রাকচার ii) জটিল হায়ারার্কি ক্যাল স্ট্রাকচার
3) ওয়েব লিংকড বা নেটওয়ার্ক : যে স্ট্রাকচারে ওয়েব পেইজগুলো একটি আরেকটির সাথে লিংক করা থাকে তাকে ওয়েব লিংকড বা
নেটওয়ার্ক স্ট্রাকচার বলে।
● এ ধরনের স্ট্রাকচারে অনেকগুলো লিংক থাকায় এটি তু লনামূলকভাবে জটিল প্রকৃ তির হয়ে থাকে তবে ব্যবহারের দিক থেকে
এ স্ট্রাকচার সহজ হয়।
4) হাইব্রিড বা কম্বিনেশন স্ট্রাকচার: একাধিক ওয়েব স্ট্রাকচারের সমন্বয়ে যে ওয়েবসাইট গঠিত হয় সেই তখন তাকে হাইব্রিড বা
কম্বিনেশন স্ট্রাকচার বলে।
● এ স্ট্রাকচার সবচেয়ে জটিল তবে ব্যবহারের দিক থেকে সবচেয়ে সহজ।
HTML- এর মৌলিক বিষয়সমূহ
এইচটিএমএল (HTML): HTML এর পূর্ণরূপ Hypertext Markup Language । এটি কোনো প্রগ্রামিং ল্যাংগুয়েজ নয়। এর
সাহায্যে ওয়েবপেইজ ডিজাইন করা হয়। এটি একটি Markup Language । Markup Language কিছু Markup Tag এর সাহায্যে
গঠিত। যার সাহায্যে ওয়েব পেইজে বিভিন্ন জনিস প্রদর্শন করা যায়।
● ১৯৯০ সালে Tim Berners-Lee HTML আবিষ্কার করেন।
● বিভিন্ন তথ্য পৃথিবীর এক জায়গা থেকে অন্য জায়গায় পৌঁছে দেয়ার উদ্দেশ্যে HTML এর উৎপত্তি।
● HTML এর প্রচলিত ভার্সন হলো XHTML (Extensible hyperText Markup Language) এবং সর্বশেষ ভার্সন হচ্ছে
HTML5 । WC3 নামের একটি সংস্থা HTML তৈরি এবং ম্যানেজমেন্ট করে।
HTML এর সুবিধা ও অসুবিধা:
সুবিধাসমূহ অসুবধাসমূহ

১) HTML সহজে ব্যবহার অনুধাবন করা যায়। ১) নিরাপত্তা তু লনামূলকভাবে কম

২) প্রায় সকল ব্রাউজার HTML কে সমর্থন করে। ২) ওয়েবপেইজ তৈরিতে বেশি পরিমাণ কোড
৩) এটি বিনামূল্যে ব্যবহার করা যায়। লেখতে হয়।
৪) ভু লের পরিমাণ কম হয়। ৩) Code লিখতে Syntax মনে রাখতে হয়।
৫) কেস সেন্সিটিভ নয়। ৪) এর সাহায্যে Dynamic Page তৈরি করা যায়
৬) HTML এ তৈরি ওয়েবপেইজ লোড করতে কম সময় লাগে। না।
৭) HTML পেজে খুব সহজেই টেক্সট, ইমেজ, অডিও, ভিডিও ইত্যাদি সংযুক্ত
করা যায়।

HTML Tag, Element & Attribute:

Tag: Tag হচ্ছে HTML এর প্রান। Html Document এর সাথে এম্বেডেড কোডিং নির্দে শাবলীকে Html tag বলে। Html Tag গুলো
এককটি Keyword, যেগুলোর উভয়পাশে অ্যাঙ্গেল ব্র্যাকেট < > থাকে। Tag গুলো সাধারণত জোড়ায় জোড়ায় থাকে। একটি
Opening ও অন্যটি Closing Tag । HTML এ মূলত দু’ধরনের Tag ব্যবহৃত হয়। যথা:
1) ধারক বা কন্টেইনার ট্যাগ (Container Tag): যে সমস্ত ট্যাগের ওপেনিং বা শুরু, ট্যাগের বিষয়বস্তু ও ক্লোজিং বা শেষ
থাকে তাকে ধারক বা কন্টেইনার ট্যাগ বলে। যেমন: <p> </p>
2) ফাঁকা বা এম্পটি ট্যাগ (Empty Tag): যে সমস্ত ট্যাগের ওপেনিং বা শুরু আছে কিন্তু ট্যাগের বিষয়বস্তু ও ক্লোজিং বা শেষ
থাকে না তাকে ফাঁকা বা এম্পটি ট্যাগ বলে। যেমন: <br>
Element: ওপেনিং ট্যাগ থেকে ক্লোজিং ট্যাগ পর্যন্ত সকল কিছু কে HTM উপাদান বা এলিমেন্ট বলা হয়।
Tag এর গঠন: HTML প্রোগ্রামে Tag এর চারটি গঠন রয়েছে।
Tag এর গঠন Example

1) <tag_name> Element </tag_name> <b> Academix </b>

2) <tag_name attribute=”value”> Element </tag_name> <h1 align=”center”> Academix </h1>

 3) <tag_name> <br>

4) <tag_name attribute=”value”> <img src=”flower.jpg”>

Attribute: অ্যাট্রিবিউট HTML এলিমেন্ট এর অতিরিক্ত আনুষঙ্গিক তথ্যাদি প্রকাশ করে। মূলত HTML এলিমেন্টের কার্যক্ষমতা
বর্ধিত করার জন্য অ্যাট্রিবিউট ব্যবহার করা হয়। নিচে কিছু এলিমেন্টের Attribute উল্লেখ করা হলো।
Tag Attribute and value (ভ্যালু উদাহরণস্বরূপ)

<font> size=”12” , face=”currier” , color=”blue”

<h1>....<h6> ও <p> align=”left” , title=”Bangladesh”

<body> bgcolor=”green”

<img> ও <table> height=”100px” , width=”50px” , border=”2”

HTML এর সাধারণ গঠন:

<html>
<head>
<title> ……… </title>
</head>
<body>
………………………………….
</body>
</html>

HTML এ বহুল ব্যবহৃত কিছু ট্যাগ সমূহ নিচের টেবিলে উল্লেখ করা হলো:
Tag Tag এর ব্যবহার উদাহরণ ফলাফল

<!> মন্তব্য লেখার জন্য

<html> Html ডকুমেন্ট বোঝানোর জন্য

<head> ডকুমেন্ট Head নির্দে শ করে

<title> ওয়েবপেইজের নাম নির্ধারণে

<body> ডকুমেন্টের বডি সেকশন বোঝাতে

<b> লেখাকে italic form এ লেখার জন্য <b> Academix </b> Academix

<i> লেখাকে underline করার ক্ষেত্রে <i> Academix </i> Academix

<u> লেখাকে Bold করার ক্ষেত্রে <u> Academix </u> Academix

<strike>, টেক্সটকে মাঝ বরাবর কেটে দেওয়ার জন্য <s> Academix </s> Academix
<s>, <del>

<sup> টেক্সটকে super script করার ক্ষেত্রে a ² a²

<sub> টেক্সটকে Subscript করার ক্ষেত্রে h ₂ o h₂o

<h1> প্যারাগ্রাফের শিরোনাম লেখার জন্য <h1> Academix </h1>

<h2> <h3> Heading ট্যাগ ব্যবহার করা হয়। <h1>=
<h4> <h5>
<h6>
সবচেয়ে বড়ো Heading
<h6>= সবচেয়ে ছোট Heading
Academix
<p> প্যারাগ্রাফ তৈরির জন্য ব্যবহৃত হয়

<q> টেক্সটের দুপাশে ডাবল কোটেশন দেওয়ার জন্য <q> Academix </q> “Academix”

<pre> কন্টেন্টগুলোকে preformatted করতে

<ol> Order List তৈরিতে ব্যবহৃত হয় <ol> 1. Mayisha

<li> Mayisha</li> 2. Nusrat
<li> Nusrat</li>
</ol>

<ul> Unorder List তৈরিতে ব্যবহৃত হয় <ul> ● Pen

<li> Pen</li> ● Book
<li>Bookt</li>
</ul>

<li> List Item

<table> Table তৈরিতে ব্যবহৃত হয় <Table border=:1”>

<tr>
<tr> Table Row তৈরিতে ব্যবহৃত হয় ID Name
<th> ID </th>
<th> Name </th> 01 Ridi
<th> Table Header বোঝাতে <td> 01 </td>
<td> Ridi </td>
<td> Table data এর ক্ষেত্রে ব্যবহৃত হয়

<img> ছবি সংযোজনের ক্ষেত্রে ব্যবহৃত হয়

<a> Hyper Link এর ক্ষেত্রে Anchor tag ,<a href = Google

ব্যবহৃত হয় ”http://www.google.com”>
Google </a>

<br> একক লাইন ব্রেক করার জন্য I Love <br> Statistics I Love
Statistics

<hr> হরাইজেন্টাল রুল তৈরিতে ব্যবহৃত হয় <hr>

Table

Tag Description Attribute Description

<table> ....... <table> টেবিল তৈরিতে ব্যবহৃত হয় border টেবিলের চতু র্দিকে বর্ড ার দেওয়ার জন্য
align টেবিলের অবস্থান ডানে, বামে বা
মাঝখানে দেওয়ার জন্য

<caption> .... <caption> টেবিলের পরিচিতিমূলক বর্ণনা

<tr> ……… </tr> টেবিলের সারি তৈরিতে ব্যবহৃত হয়

<th> …… </th> টেবিলের হেডিং সেল তৈরিতে ব্যবহৃত হয় colspan কলামের বিস্তৃতি বাড়ানোর জন্য
rowspan সারির বিস্তৃতি বাড়ানোর জন্য
<td>......... </td> টেবিলের ডেটা সেল তৈরিতে ব্যবহৃত হয়
 জ্ঞ্যানমূলক ও অনূধাবনমূলক প্রশ্ন

জ্ঞ্যানমূলক প্রশ্ন:

1. আইপি অ্যাড্রেস কী ? (৪)

2. ওয়েবসাইট কী ? (৪)
3. ওয়েবপেইজ কী ?
4. ওয়েব পোর্ট াল কী ?
5. ওয়েব অ্যাড্রেস কী ?
6. ডমেইন নেম কী ?
7. ব্রাউজার কী ? (২)
8. সার্চ ইঞ্জিন কী ? (২)
9. ক্লায়েন্ট সার্ভ ার কী ?
10. হোমপেইজ কী ?
11. FTP কী ?
12. HTTP কী ?
13. URL কী ?
14. WWW কী ?
15. এইচটিএমেএল কী ?
16. Tag কী / এইচটিএমেএল ট্যাগ কী ? (২)
17. হাইপার লিংক কী ? (২)
18. HTML Syntax কী ?
19. ওয়েব পাব্লিশিং কী ?
20. Element কী ?
21. Protocol কী ?
22. Hosting কী ?
23. <hr> কী ?
24. ব্রাউজারে বাংলা বা অন্যান্য ভাষা সঠিকভাবে প্রদর্শনের ট্যাগ লেখো।

অনূধাবনমূলক প্রশ্ন

1. ওয়েবপেইজের সাথে ব্রাউজারেরে সম্পর্ক ব্যাখ্যা করো। (৩)

2. হোস্টিং ওয়েবসাইট পাব্লিশিং এর একটি গুরুত্বপূর্ণ ধাপ - ব্যাখ্যা করো। / ওয়েব হোস্টিং গুরুত্বপূর্ণ ব্যাখ্যা করো। (৩)
3. ওয়েবপেইজ ডিজাইনে HTML এর গুরুত্ব ব্যাখ্যা করো।
4. ওয়েবপেইজ ডিজাইন বলতে কী বোঝায় ?
5. ওয়েবসাইট ও ওয়েবপেইজ এক নয় - ব্যাখ্যা করো।
6. ওয়েব ব্রাউজার ও সার্চ ইঞ্জিন এক নয় - ব্যাখ্যা করো।
7. আইপি অ্যাড্রেস আর ডোমেইন নেম এক নয় - ব্যাখ্যা করো।
8. “আইপি ঠিকানা হচ্ছে ডোমেইন নেই এর গাণিতিক রূপ”- ব্যাখ্যা করো।
9. ডোমেইন নেম রেজিস্ট্রেশন করতে হয় কেন ? / DNS রেজিস্ট্রেশন করতে হয় কেন ? ব্যাখ্যা করো।
10. “IP Address এর চাইতে Domain Name ব্যবহার সুবিধাজনক” - ব্যাখ্যা করো। (২)
11. ডোমেইন নেম অদ্বিতীয় - ব্যাখ্যা করো।
12. ডোমেইন নেমের গুরুত্ব ব্যাখ্যা করো।
13. ডোমেইনে www থাকে কেন ? ব্যাখ্যা করো।
14. ওয়েবসাইটের কাঠামো বলতে কী বোঝায় ?
15. “Html শেখা ও ব্যবহার করার পদ্ধতি সহজ”- উক্তিটি বিশ্লেষণ করো।
16. <img> বুঝিয়ে লেখো।
17. “প্রতিনিয়ত পরিবর্ত নশীল তথ্যের ওয়েবসাইট”- ব্যাখ্যা করো।
18. হাইপারলিংক ট্যাগের আবশ্যিক অ্যাট্রিবিউটটি ব্যাখ্যা করো।
19. বর্ত মানে ওয়েবপেজে Hyperlink একটি গুরুত্বপূর্ণ উপাদান - ব্যাখ্যা করো।
20. <font> ট্যাগের অ্যাট্রিবিউটসমূহ ব্যাখ্যা করো।
21. HTML ব্যবহারের সুবিধা বর্ণনা করো।
22. “www.mangoinfo.com”- ব্যাখ্যা করো।

জ্ঞ্যানমূলক ও অনূধাবনমূলক প্রশ্ন