Chapter 2
(Part II)
List, Tables And Images
1. FILL IN THE BLANKS:
1. By default, the unordered lists items are marked With ______________ .
(অবিকল্পিতভাৱে, অক্ৰমিত তালিকাসমূহ বস্তুসমূহক ______________ ৰ সৈতে চিহ্নিত কৰা হয়।)
Ans: By default , the unordered lists items are marked with a bullet.
(ডিফল্ট অনুসৰি, অৰ্ডাৰ নকৰা তালিকাৰ আইটেমবোৰ বুলেটৰ সৈতে চিহ্নিত কৰা হয়।)
2. ____________ attribute of list lets you reverse the order of the item list.
(তালিকাৰ ____________ বৈশিষ্ট্যই আপোনাক বস্তুৰ তালিকাৰ ক্ৰম ওলোটা কৰিবলৈ দিয়ে।)
Ans: boolean attribute of list lets you reverse the order of the item list.
(তালিকাৰ বুলিয়ান গুণাগুণে আপোনাক আইটেম তালিকাৰ ক্ৰম বিপৰীত কৰিব দিয়ে।)
3. A list inside another list is called as a _______________ list.
(আন এখন তালিকাৰ ভিতৰৰ এখন তালিকাক _______________ তালিকা বুলি কোৱা হয়।)
Ans: A list inside another list is called as a nested list.
(আন এখন তালিকাৰ ভিতৰত এখন তালিকাক নেষ্টেড তালিকা বুলি কোৱা হয়।)
4. A collection of related elements is called as _____________.
(সম্পৰ্কীয় মৌলৰ সংকলনক _____________ বুলি কোৱা হয়।)
Ans: A collection of related elements is called as Database
(সম্পৰ্কিত উপাদানসমূহৰ এক সংগ্ৰহক ডাটাবেচ বুলি কোৱা হয়)
5. ________________ property of table defines the space between the content of the table and the border.
(টেবুলৰ ________________ বৈশিষ্ট্যই টেবুলৰ বিষয়বস্তু আৰু সীমাৰ মাজৰ স্থান সংজ্ঞায়িত কৰে)
Ans: border-spacing property of table defines the space between the content of the table and the border.
(তালিকাৰ সীমা-ব্যৱধান সম্পত্তিয়ে মেজ আৰু সীমাৰ সমলৰ মাজৰ স্থান নিৰ্ধাৰণ কৰে।)
6. The <img> tag is an ______________ tag, that means it has no closing tag.
<img> টেগটো এটা ______________ টেগ, অৰ্থাৎ ইয়াৰ কোনো বন্ধ কৰা টেগ নাই।
Ans: The <img> tag is an empty tag, that means it has no closing tag.
(<img> টেগটো এটা খালী টেগ, ইয়াৰ অৰ্থ হৈছে ইয়াৰ কোনো সমাপ্তি টেগ নাই।)
7. ___________ is an attribute of the <img> tag which specifies the location or URL of the image to be displayed.
(___________ হৈছে <img> টেগৰ এটা বৈশিষ্ট্য যি প্ৰদৰ্শন কৰিবলগীয়া ছবিখনৰ অৱস্থান বা URL ধাৰ্য্য কৰে।)
Ans: Src is an attribute of the <img> tag which specifies the location or ULR of the image to be displayed.
(এছআৰচি হৈছে <img> টেগটোৰ এটা গুণ যি প্ৰদৰ্শন কৰিব লগা ছবিখনৰ অৱস্থান বা ইউএলআৰ নিৰ্ধাৰণ কৰে।)
8. ____________ attribute is used to give border to an image.
এটা ছবিক সীমা দিবলৈ ____________ বৈশিষ্ট্য ব্যৱহাৰ কৰা হয়।
Ans: <img> border attribute is used to give border to an image.
II. MULTIPLE CHOOICE QUESTIONS :
একাধিক পছন্দৰ প্ৰশ্ন :
1. Which tag is used for List items?
তালিকা বস্তুৰ বাবে কোনটো টেগ ব্যৱহাৰ কৰা হয়?
a. <OL> b. <LI> c. <UL> d. <DL>
Ans: b.<LI>
2. Which element contains definition?
কোনটো উপাদানত সংজ্ঞা আছে?
a. <DL> b. <DD> c. <DT> d. <UL>
Ans: b.<DD>
3. Which of the following can’t be the value of list-style-type?
তলৰ কোনটো list-style-type ৰ মান হ’ব নোৱাৰে?
a. Square b. Circle c. Ellipse d. Disc
Ans: c. Ellipse
4. Which attribute is only used with <ol> ?
কোনটো বৈশিষ্ট্য কেৱল <ol> ৰ সৈতে ব্যৱহাৰ কৰা হয় ?
a. Value b. type c. compact d. Start
Ans: a. Value
5. With the help of which tag. is a row defined in HTML?
কোনটো টেগৰ সহায়ত। HTML ত এটা শাৰী সংজ্ঞায়িত কৰা হৈছেনে?
a. <row> c. <row-table>
b. <tr> d. <tablerow>
Ans: b. <tr>
6. By using which of the following options, the border of table can collapsed?
তলৰ কোনটো বিকল্প ব্যৱহাৰ কৰি টেবুলৰ সীমা সংকুচিত কৰিব পাৰি?
a. border-collapse: collapse
b. table-border : collapse
c. border: collapse
d. table-border-collapse : collapes
ক. সীমা-পতন: পতন
খ. টেবুল-বৰ্ডাৰ : খহি পৰা
গ. সীমা: পতন
ঘ. টেবুল-বৰ্ডাৰ-ধ্বংস : ক’লেপচ
Ans: a. border-collapse: collapse
7. Web browsers display images in the following format
ৱেব ব্ৰাউজাৰে নিম্নলিখিত বিন্যাসত ছবি প্ৰদৰ্শন কৰে>
a. XBM
b. GIF
c. JPEG
d. All of these
Ans: b. GIF
8. The correct HTML code for inserting an image is
ছবি এখন সুমুৱাৰ বাবে সঠিক এইচটিএমএল কোড টো হৈছে
a. <img href=”image.gif”>
b. <img> image.gif</gif>
C. <img src= “image.gif”>
d. <image src=”image.gif”>
Ans: <img src= “image.gif”>
9. src attribute used with <img> tag stands for
<img> টেগৰ সৈতে ব্যৱহৃত src বৈশিষ্ট্যৰ বাবে থিয় দিছে
a. screen
b. source
c. screen resolution count
d. structure
ক. স্ক্ৰীণ
খ. উত্স
গ. পৰ্দাৰ ৰিজ’লিউচন গণনা
ঘ. গাঁঠনি
Ans: b. Source
10. alt attribute allows
alt বৈশিষ্ট্যই অনুমতি দিয়ে
a. addition of an alternate hyperlink
b. addition of a border to image
c. use of an alternative image in place of the specified image
d. addition of alternative text about an image
ক. এটা বিকল্প হাইপাৰলিংকৰ সংযোজন
খ. ছবিত এটা সীমা যোগ কৰা
গ. নিৰ্দিষ্ট ছবিৰ ঠাইত এটা বিকল্প ছবিৰ ব্যৱহাৰ
ঘ. এটা ছবিৰ বিষয়ে বিকল্প লিখনী যোগ কৰা
Ans: d. addition of alternative text about an image
III. APPLICATION BASED QUESTIONS:
a. Ruchika was making an ordered list and she noticed that the items of the list by default started with numbers. She wants to use Roman numerals for numbering. How can she do this?
(ৰুচিকাই অৰ্ডাৰ কৰা তালিকা এখন বনাই আছিল আৰু তাই লক্ষ্য কৰিলে যে তালিকাৰ বস্তুবোৰ ডিফল্টভাৱে সংখ্যাৰে আৰম্ভ হৈছিল। তাই সংখ্যাৰ বাবে ৰোমান সংখ্যা ব্যৱহাৰ কৰিব বিচাৰে। তাই কে নেকৈ এই কাম কৰিব পাৰে?)
Ans: Ruchika was making an ordered list and she noticed that items in the list started with numbers by default. To use Roman numerals for numbers for her Ruchika must use the type of multiplication to create an ordered list with Roman number indexing. The tag type attribute <ol> determines the type of number of items in the list. The default value for the type attribute in the ordered list is the number.
(ৰুচিকাই এখন অৰ্ডাৰ দিয়া তালিকা তৈয়াৰ কৰি আছিল আৰু তাই লক্ষ্য কৰিছিল যে তালিকাৰ বস্তুবোৰ অবিকল্পিতভাৱে সংখ্যাৰে আৰম্ভ হৈছিল। তাইৰ বাবে সংখ্যাৰ বাবে ৰোমান সংখ্যা ব্যৱহাৰ কৰিবৰ বাবে ৰুচিকাই ৰোমান নম্বৰ ইণ্ডেক্সিংৰ সৈতে এটা অৰ্ডাৰ কৰা তালিকা সৃষ্টি কৰিবলৈ গুণৰ প্ৰকাৰ ব্যৱহাৰ কৰিব লাগিব। টেগ প্ৰকাৰ বৈশিষ্ট্যই <ol> তালিকাৰ আইটেমৰ সংখ্যাৰ প্ৰকাৰ নিৰ্ধাৰণ কৰে। অৰ্ডাৰ কৰা তালিকাত থকা প্ৰকাৰ বৈশিষ্ট্যৰ অবিকল্পিত মান হৈছে নম্বৰ।)
b. Rohan has created a table and he wants that the table border should be collapsed into a single border. Which property should he use?
(ৰোহনে এটা টেবুল বনাইছে আৰু তেওঁ বিচাৰে যে টেবুলৰ সীমাটো এটা সীমাত ভাঙি পেলোৱা উচিত। কোনটো সম্পত্তি তেওঁ ব্যৱহাৰ কৰিব লাগে?)
Ans: Rohan has set up a table and he wants the major border to collapse at a border. Rohan should use the delimited property. The delimitation property determines whether the table boundaries should fall into a boundary or be separated like standard HTML.
(ৰোহনে এখন মেজ তৈয়াৰ কৰিছে আৰু তেওঁ বিচাৰে যে মেজৰ সীমা এটা সীমান্তত খহি পৰিব লাগে। ৰোহনে সীমা-পতন হোৱা সম্পত্তি ব্য়ৱহাৰ কৰা উচিত। সীমা-পতন হোৱা সম্পত্তিয়ে নিৰ্ধাৰণ কৰে যে টেবুল ৰ সীমাবোৰ এটা সীমাত খহি পৰিব লাগে নে মানক এইচটিএমএলৰ দৰে পৃথক কৰিব লাগে।)
c. Ashmita has added few images on her web page but she wants to keep some provisions for the visually impaired people or users using text-based browsers so that they get the description for the images. Which attribute should she use to accomplish the task?
(অস্মিতাই তেওঁৰ ৱেব পেজত কেইখনমান ছবি যোগ কৰিছে যদিও তেওঁ দৃষ্টিহীন লোক বা টেক্সট ভিত্তিক ব্ৰাউজাৰ ব্যৱহাৰ কৰা ব্যৱহাৰকাৰীসকলৰ বাবে কিছু ব্যৱস্থা ৰাখিব বিচাৰে যাতে তেওঁলোকে ছবিসমূহৰ বিৱৰণ পায়। কামটো সম্পন্ন কৰিবলৈ তাই কোনটো বৈশিষ্ট্য ব্যৱহাৰ কৰিব লাগে?)
Ans: Ashmita has added a few images to her web page but she wants to keep some arrangements for visually impaired people or users using text-based browsers so that they get the details of the images. She should use the caption attribute to complete the task. The caption attribute will be the best option as the caption attribute can read descriptions about the image that will help visually impaired people.
(অস্মিতাই তেওঁৰ ৱেব পৃষ্ঠাত কেইটামান ছবি যোগ দিছে কিন্তু তেওঁ দৃষ্টিহীন লোক বা পাঠ-আধাৰিত ব্ৰাউজাৰ ব্যৱহাৰ কৰা ব্যৱহাৰকাৰীসকলৰ বাবে কিছুমান ব্যৱস্থা ৰাখিব বিচাৰে যাতে তেওঁলোকে ছবিবোৰৰ বিৱৰণ পায়। কামটো সম্পূৰ্ণ কৰিবলৈ তাই কেপশ্বন এট্ৰিবিউট ব্য়ৱহাৰ কৰা উচিত ।কেপশ্বন এট্ৰিবিউট সৰ্বশ্ৰেষ্ঠ বিকল্প হ’ব কিয়নো কেপশ্বন এট্ৰিবিউটে ছবিখনৰ বিষয়ে বৰ্ণনা পঢ়িব পাৰে যি দৃষ্টিহীন লোকসকলক সহায় কৰিব।)
IV. ANSWER THE FOLLOWING:
a. Differentiate between the <OL> and <UL> tag.
(<OL> আৰু <UL> টেগৰ মাজত পাৰ্থক্য কৰক।)
Ans:
b. Write the syntax for using list-style-type property.
(list-style-type বৈশিষ্ট্য ব্যৱহাৰ কৰাৰ বাবে বাক্যবিন্যাস লিখক।)
Ans: The syntax for using list-style-type properties is mentioned below The list-style-type CSS feature defines markers (e.g., disks, characters, or custom counter styles) of a list item element.
Syntax
It’s <custom-ident> worth,
A symbol() value,
It’s <string> worth, or.
The keyword is nothing.
উত্তৰঃ (তালিকা-শৈলী-প্ৰকাৰৰ বৈশিষ্ট্যব্যৱহাৰৰ বাবে চিনটেক্স তালিকা-শৈলী-প্ৰকাৰৰ চিএছএছ সুবিধাত তালিকা আইটেম উপাদানএটাৰ মাৰ্কাৰ (যেনে ডিস্ক, বৰ্ণ, বা কাষ্টম কাউণ্টাৰ ষ্টাইল) নিৰ্ধাৰণ কৰা হৈছে।
বাক্যবিন্যাস
ইয়াৰ <custom-ident> মূল্য আছে,
এটা চিহ্ন() মান,
ইয়াৰ <string> মূল্য আছে, বা।
কীৱৰ্ডটো একো নহয়।)
c. Define Padding property.
(পেডিং বৈশিষ্ট্য সংজ্ঞায়িত কৰক।)
Ans: The padding properties in CSS defines the innermost part of the box model, a specified margin and/or a specified margin. Or within range, creates space around the contents of an element. Padding values are determined using length or percentage, and negative values cannot be accepted. What is the initial, or default, value for all padding properties
উত্তৰঃ (চি.এছ.এছ.-ত পেডিং গুণাগুণবোৰে বাকচ মডেলৰ আটাইতকৈ ভিতৰৰ অংশ, এক নিৰ্দিষ্ট মাৰ্জিন আৰু/বা এক নিৰ্দিষ্ট মাৰ্জিন নিৰ্ধাৰণ কৰে। বা পৰিসৰৰ ভিতৰত, এটা উপাদানৰ সমলৰ চাৰিওফালে স্থান সৃষ্টি কৰে। দৈৰ্ঘ্য বা শতাংশ ব্যৱহাৰ কৰি পেডিং মান নিৰ্ধাৰণ কৰা হয়, আৰু ঋণাত্মক মান গ্ৰহণ কৰিব নোৱাৰি। সকলো পেডিং বৈশিষ্ট্যৰ বাবে প্ৰাৰম্ভিক, বা ডিফল্ট, মূল্য কি)
d. What is description list? Define the different tags used to create a description.
(বিৱৰণ তালিকা কি? এটা বিৱৰণ সৃষ্টি কৰিবলে ব্যৱহৃত বিভিন্ন টেগসমূহ সংজ্ঞায়িত কৰক।)
Ans: Description list is the<dl>details list elements. <dl> Html element represents a description list. The element <dt>attaches the list of words (defined using the element) and the description (provided by the elements). <dd>
<dl><dt> <dd> More labels are used to define a description list.3 HTML Description List Labels are given below: <dl> Tag description defines the list. <dt> The label defines the word of the data. <dd> The label determines the definition of the data (description).
উত্তৰঃ ( বিৱৰণ তালিকা হৈছে<dl>বিৱৰণ তালিকাউপাদান। <dl> এইচটিএমএল উপাদানে বৰ্ণনা তালিকা এটা প্ৰতিনিধিত্ব কৰে। উপাদানটোৱে <dt>শব্দৰ তালিকা (উপাদানটো ব্যৱহাৰ কৰি নিৰ্ধাৰিত) আৰু বৰ্ণনা (উপাদানবোৰে প্ৰদান কৰা) সংলগ্ন কৰে। <dd>
<dl><dt> <dd> বৰ্ণনা তালিকা এটা নিৰ্ধাৰণ কৰিবলৈ অধিক লেবেল ব্যৱহাৰ কৰা হয়। 3 এইচটিএমএল বিৱৰণ তালিকা লেবেলবোৰ তলত দিয়া হৈছে: <dl> টেগ বিৱৰণে তালিকাখন নিৰ্ধাৰণ কৰে। <dt> লেবেলে ডাটাৰ শব্দটো নিৰ্ধাৰণ কৰে। <dd> লেবেলে ডাটাৰ সংজ্ঞা (বিৱৰণ) নিৰ্ধাৰণ কৰে।)
e. What is the use of type attribute with an unordered list?
অক্ৰমবিহীন তালিকাৰ সৈতে type attribute ৰ ব্যৱহাৰ কি?
Ans: The type attribute is being used with an undirected list
The type feature is used to tell the browser what list markers to apply to the list. Accepted values include disks, circles, and squares. The default value applied by the browser is circle, so when a value is not provided, it is the value used.
উত্তৰঃ (প্ৰকাৰ বৈশিষ্ট্যটো এটা নিৰ্দেশিত তালিকাৰ সৈতে ব্যৱহাৰ কৰা হৈছে
তালিকাখনত কি তালিকা মাৰ্কাৰ প্ৰয়োগ কৰিব লাগে ব্ৰাউজাৰক ক’বলৈ প্ৰকাৰ সুবিধাটো ব্যৱহাৰ কৰা হয়। স্বীকৃত মানবোৰৰ ভিতৰত আছে ডিস্ক, বৃত্ত আৰু বৰ্গ। ব্ৰাউজাৰে প্ৰয়োগ কৰা ডিফল্ট মানটো বৃত্ত, সেয়েহে যেতিয়া এটা মান প্ৰদান কৰা নহয়, ই হৈছে ব্যৱহৃত মূল্য।)
f. State the use of any two properties that you use to enhance the appearance of a table.
(আপুনি এটা টেবুলৰ ৰূপ বৃদ্ধি কৰিবলে ব্যৱহাৰ কৰা যিকোনো দুটা বৈশিষ্ট্যৰ ব্যৱহাৰ উল্লেখ কৰক।)
Ans:
g. How are images added in an HTML document?
(HTML নথিপত্ৰত ছবি কেনেকৈ যোগ কৰা হয়?)
Ans: This is how images have been added to an HTML document
<img> Tags are used to embed images on html pages. Images are not technically included in the web page; Images are linked to web pages. <img> The tag creates a holding space for the referenced image.
( এইধৰণে এটা এইচটিএমএল ডকুমেণ্টত ছবি যোগ কৰা হৈছে
<img> এইচটিএমএল পৃষ্ঠাত ছবি এম্বেড কৰিবলৈ টেগব্যৱহাৰ কৰা হয়। ছবিবোৰ ৱেব পৃষ্ঠাত কাৰিকৰীভাৱে অন্তৰ্ভুক্ত কৰা হোৱা নাই; ছবিবোৰ ৱেব পৃষ্ঠাৰ সৈতে সংযুক্ত। <img> টেগটোৱে ৰেফাৰেন্স কৰা ছবিখনৰ বাবে এটা হোল্ডিং স্থান সৃষ্টি কৰে।)
V. ACTIVITY
1. Create a web page to show a list of various colours and their Hex codes (Hexadecimal numerals are widely used by computer system designers and programmers because they provide a human-friendly representation of binary-coded values). Also provide image for the colors you mention in your code.
বিভিন্ন ৰঙৰ তালিকা আৰু ইয়াৰ হেক্স ক’ড দেখুৱাবলৈ এটা ৱেব পৃষ্ঠা সৃষ্টি কৰক (হেক্সাডেচিমেল সংখ্যাসমূহ কম্পিউটাৰ চিষ্টেম ডিজাইনাৰ আৰু প্ৰগ্ৰেমাৰসকলে ব্যাপকভাৱে ব্যৱহাৰ কৰে কাৰণ ই বাইনাৰী-ক’ড কৰা মানসমূহৰ মানৱ-বন্ধুত্বপূৰ্ণ উপস্থাপন প্ৰদান কৰে)। আপোনাৰ ক’ডত উল্লেখ কৰা ৰঙৰ বাবেও ছবি প্ৰদান কৰক।
Ans:
2. Create a web page to form a tabular representation of different mobile names with their features.
(বিভিন্ন মোবাইল নামৰ বৈশিষ্ট্যসমূহৰ সৈতে এটা টেবুলাৰ উপস্থাপন গঠন কৰিবলৈ এটা ৱেব পৃষ্ঠা সৃষ্টি কৰক।)
Ans: