Chapter 2 (Part III)
Link, Frames And Forms
1. FILL IN THE BLANKS:
1. The web pages of a website are linked to each other using ______________.
(ৱেবছাইটৰ ৱেব পৃষ্ঠাবোৰ ______________ ব্যৱহাৰ কৰি ইটোৱে সিটোৰ লগত সংযুক্ত কৰা হয়।)
Ans: The Web pages of a website are linked to each other using hyperlinks.
(হাইপাৰলিংক ব্যৱহাৰ কৰি ৱেবছাইট এটাৰ ৱেব পৃষ্ঠাবোৰ ইজনে সিজনৰ সৈতে সংযুক্ত কৰা হৈছে।)
2. The attribute __________ is used to create a hyperlink between two or more HTML codes.
(দুটা বা তাতকৈ অধিক HTML ক’ডৰ মাজত হাইপাৰলিংক সৃষ্টি কৰিবলৈ __________ বৈশিষ্ট্য ব্যৱহাৰ কৰা হয়।)
Ans: The attribute <a> used to create a hyperlink between two or more HTML codes.
উত্তৰ: (<a> দুই বা ততোধিক এইচটিএমএল কোডৰ মাজত হাইপাৰলিংক সৃষ্টি কৰিবলৈ ব্যৱহৃত গুণটো।)
3. When you move the mouse pointer over a link, the mouse pointer changes its shape from an arrow to a_______________.
(যেতিয়া আপুনি মাউছ পইণ্টাৰক এটা সংযোগৰ ওপৰত লৈ যায়, মাউছ পইণ্টাৰে ইয়াৰ আকৃতি এটা কাঁড়ৰ পৰা এটা___________________________ লৈ সলনি কৰে।)
Ans: When you move the mouse pointer over a link, the mouse pointer changes its shape from an arrow to a hand.
(যেতিয়া আপুনি মাউচ পইণ্টাৰটো লিংক এটাৰ ওপৰেৰে স্থানান্তৰ কৰে, মাউচ পইণ্টাৰে ইয়াৰ আকৃতি এটা কাড়ৰ পৰা হাতলৈ সলনি কৰে।)
4. The____________ attribute of the <audio> tag indicates that you can replay the audio file once it is finished.
(<audio> টেগৰ____________ বৈশিষ্ট্যই ইংগিত দিয়ে যে আপুনি অডিঅ’ ফাইলটো শেষ হোৱাৰ পিছত পুনৰায় চলাব পাৰিব।)
Ans: The loop attribute attribute of the <audio>tag indicates that you can replay the audio file once it is finished.
উত্তৰঃ (টেগটোৰ লুপ গুণটোৱে <audio>সূচায় যে আপুনি অডিঅ’ ফাইলটো শেষ হোৱাৰ পিছত পুনৰাবৃত্তি কৰিব পাৰে।)
5. The small rectangular areas created in the main browser window are known as _______________.
(মূল ব্ৰাউজাৰ উইণ্ড’ত সৃষ্টি কৰা সৰু সৰু আয়তাকাৰ অঞ্চলবোৰক _______________ বুলি জনা যায়।)
Ans: The small rectangular areas created in the main browser window are known as frames.
(মুখ্য ব্ৰাউজাৰ উইণ্ডোত সৃষ্টি কৰা সৰু আয়তাকাৰ এলেকাবোৰক ফ্ৰেম বুলি কোৱা হয়।)
6. The ____________attribute of the frame tag tells the browser which HTML page to load into that frame.
(ফ্ৰেম টেগৰ ____________এট্ৰিবিউটে ব্ৰাউজাৰক কয় কোনটো HTML পৃষ্ঠালৈ যাব লাগে সেই ফ্ৰেমত লোড কৰক।)
Ans: The src attribute of the frame tag tells the browser which HTML page to load into that frame.
(ফ্ৰেম টেগৰ এছআৰচি গুণাগুণে ব্ৰাউজাৰক কয় যে কোনটো এইচটিএমএল পৃষ্ঠা সেই ফ্ৰেমত লোড কৰিব লাগে।)
7. ___________ attribute of the frame tag attaches the default URL.
(ফ্ৰেম টেগৰ ___________ বৈশিষ্ট্যই অবিকল্পিত URL সংলগ্ন কৰে।)
Ans: Src attribute of the frame tag attaches the default URL.
( ফ্ৰেম টেগৰ এছআৰচি গুণাগুণে ডিফল্ট ইউআৰএল সংলগ্ন কৰে।)
8. _____________ allow multiple HTML documents to be presented as independent windows within one browser window.
(_____________ এটা ব্ৰাউজাৰ উইণ্ড’ৰ ভিতৰত একাধিক HTML নথিপত্ৰক স্বতন্ত্ৰ উইণ্ড’ হিচাপে উপস্থাপন কৰাৰ অনুমতি দিয়ে।)
Ans: HTML frames allow multiple HTML documents to be presented as independent windows within one browsers window.
(এইচটিএমএল ফ্ৰেমে এটা ব্ৰাউজাৰ উইণ্ডোৰ ভিতৰত একাধিক এইচটিএমএল ডকুমেণ্টক স্বতন্ত্ৰ উইণ্ডো হিচাপে উপস্থাপন কৰিবলৈ অনুমতি দিয়ে।)
9. The ___________ tag collects the information from the user.
(___________ টেগে ব্যৱহাৰকাৰীৰ পৰা তথ্য সংগ্ৰহ কৰে।)
Ans: The HTML form tag collects the information from the user
(এইচটিএমএল ফৰ্ম টেগে ব্যৱহাৰকাৰীৰ পৰা তথ্য সংগ্ৰহ কৰে)
II. MULTIPLE CHOICE QUESTIONS:
1. A ____________ is a word, a group of words, or an image that can be used to jump to another document on the same website or another website.
(____________ হৈছে এটা শব্দ, শব্দৰ এটা গোট, বা এটা ছবি যিটো ব্যৱহাৰ কৰি একেটা ৱেবছাইট বা আন এটা ৱেবছাইটৰ আন এটা নথিপত্ৰলৈ জপিয়াই যাব পাৰি।)
i. Hyperlink
ii. URL
iii. Address
iv. none of these
i. হাইপাৰলিংক
ii. URL
iii. ঠিকনা
iv. এইবোৰৰ কোনোটোৱেই নহয়
Ans: i. Hyperlink.(হাইপাৰলিংক)
2. The ____________attribute of the <a> tag is used to set the URL of the target resource.
(লক্ষ্য সম্পদৰ URL নিৰ্ধাৰণ কৰিবলে <a> টেগৰ ____________বৈশিষ্ট্য ব্যৱহাৰ কৰা হয়।)
i. src
ii. href
iii. Controls
iv. none of these
i. src
ii. href
iii. নিয়ন্ত্ৰণসমূহ
iv. এইবোৰৰ কোনোটোৱেই নহয়
Ans: ii. href
3. Which of the following can be embedded in a web page?
(তলৰ কোনটো ৱেব পৃষ্ঠাত সন্নিৱিষ্ট কৰিব পাৰি?)
i. Audio
ii. Video
iii. Both (i) and (ii)
iv. None of these
i. অডিঅ’
ii. ভিডিঅ
iii. (i) আৰু (ii) দুয়োটা
iv. এইবোৰৰ কোনোটোৱেই নহয়
Ans: i. Audio (অডিঅ)
4. The___________ attribute of the <video> tag plays the video file automatically on loading a web page.
(<ভিডিঅ’> টেগৰ___________ বৈশিষ্ট্যই ভিডিঅ’ ফাইলটো স্বয়ংক্ৰিয়ভাৱে অন কৰে এটা ৱেব পৃষ্ঠা লোড কৰা।)
Ans:
i. controls ii. Autoplay iii. Height iv. none of these
i.নিয়ন্ত্ৰণ কৰে ii. অটোপ্লে iii. উচ্চতা iv. এইবোৰৰ কোনোটোৱেই ন
5. ___________ tag is used to create textbox, radio button and checkbox on the web page.
(ৱেব পৃষ্ঠাত টেক্সটবক্স, ৰেডিঅ’ বুটাম আৰু চেকবক্স সৃষ্টি কৰিবলৈ ___________ টেগ ব্যৱহাৰ কৰা হয়।)
1. <OPTION>
ii. <INPUT
iii. Both of these
iv. None of these
i. <OPTION>
ii. <INPUT
iii. এই দুয়োটা
iv. এইবোৰৰ কোনোটোৱেই নহয়
Ans:
III. APPLICATION BASED QUESTIONS:
1. Rohan wants to divide a web page into four sections. Which tag should he use to accomplish this?
(ৰোহনে এটা ৱেব পেজ চাৰিটা ভাগত ভাগ কৰিব বিচাৰিছে। এইটো সম্পন্ন কৰিবলৈ তেওঁ কোনটো টেগ ব্যৱহাৰ কৰিব লাগে?)
Ans: Rohan wants to divide a web page into four sections. He <iframe> should use the tag to complete it.
(ৰোহনে এটা ৱেব পৃষ্ঠাক চাৰিটা শাখাত বিভক্ত কৰিব বিচাৰে। এইটো সম্পূৰ্ণ কৰিবলৈ তেওঁ <iframe> টেগ ব্য়ৱহাৰ কৰাটো উচিত।)
2. Rahim is creating a website in which he wants to use different images as links to the web pages. He is also interested in adding some video clips in his website. Can you suggest him the required tags to include the said elements in his website.
(ৰহিমে এটা ৱেবচাইট তৈয়াৰ কৰিছে য’ত তেওঁ বিভিন্ন ছবি ৱেব পেজৰ লিংক হিচাপে ব্যৱহাৰ কৰিব বিচাৰিছে। তেওঁৰ ৱেবচাইটত কিছুমান ভিডিঅ’ ক্লিপ যোগ কৰিবলৈও তেওঁ আগ্ৰহী। তেওঁৰ ৱেবচাইটত উক্ত উপাদানসমূহ অন্তৰ্ভুক্ত কৰিবলৈ প্ৰয়োজনীয় টেগসমূহ তেওঁক পৰামৰ্শ দিব পাৰিবনে?)
Ans: Rahim is creating a website where he wants to use different images as a link to a web page. He is also keen to add some video clips to his website. You <img> can add an image to him or her using the tag in html code for a web page.
(ৰহিমে এটা ৱেবছাইট সৃষ্টি কৰি আছে য’ত তেওঁ বিভিন্ন ছবিক ৱেব পৃষ্ঠাৰ লিংক হিচাপে ব্যৱহাৰ কৰিব বিচাৰে। তেওঁ তেওঁৰ ৱেবছাইটত কিছুমান ভিডিঅ’ ক্লিপ যোগ কৰিবলৈও আগ্ৰহী। আপুনি <img> ৱেব পৃষ্ঠাৰ বাবে এইচটিএমএল কোডত টেগ ব্যৱহাৰ কৰি তেওঁৰ বা তাইলৈ ছবি এখন যোগ দিব পাৰে।)
3. Ritika was writing an article using HTML. The article contains some external links to other website contains additional information. How can she link these together so that the user can visit the destination of the external links by clicking on them?
(ৰিতাই HTML ব্যৱহাৰ কৰি এটা লেখা লিখি আছিল। প্ৰবন্ধটোত অন্য ৱেবচাইটৰ কিছুমান বাহ্যিক লিংক আছে ইয়াত অতিৰিক্ত তথ্য আছে। তাই এইবোৰক কেনেকৈ একেলগে সংযোগ কৰিব পাৰে যাতে ব্যৱহাৰকাৰীয়ে বাহ্যিক সংযোগবোৰৰ গন্তব্যস্থানলৈ ক্লিক কৰি চাব পাৰে?)
Ans: Ritika was writing an article using HTML. The article contains some external links to other websites that contain additional information. she A hyperlink can also be created. To create a hyperlink on an HTML page, use the tags <a> and </a> tags that are used to define links. <a> The tag indicates where the hyperlink starts and the tag indicates </a> where it ends
( ৰিতিকাই এইচটিএমএল ব্যৱহাৰ কৰি এটা প্ৰবন্ধ লিখি আছিল। প্ৰবন্ধটোত আন ৱেবছাইটৰ কিছুমান বাহ্যিক লিংক আছে য’ত অতিৰিক্ত তথ্য আছে। তাই হাইপাৰলিংক এটাও সৃষ্টি কৰিব পাৰে। এইচটিএমএল পৃষ্ঠা এটাত হাইপাৰলিংক এটা তৈয়াৰ কৰিবলৈ, লিংকবোৰ নিৰ্ধাৰণ কৰিবলৈ ব্যৱহৃত টেগবোৰ <a> আৰু </a> টেগবোৰ ব্যৱহাৰ কৰক। <a> টেগটোৱে হাইপাৰলিংক ক’ত আৰম্ভ হয় সূচায় আৰু টেগটোৱে </a> ই ক’ত শেষ হয় সূচায়)
4. Priyanka wants to create a form but she has forgotten the tag used to create the form. Can you help her with the solution?
(প্ৰিয়ংকাই এটা ফৰ্ম বনাব বিচাৰে কিন্তু ফৰ্ম বনাবলৈ ব্যৱহাৰ কৰা টেগটো পাহৰি গৈছে। সমাধানৰ ক্ষেত্ৰত তাইক সহায় কৰিব পাৰিবনে?)
Ans: Priyanka wants to create a form but she has forgotten the tag used to create the form. She <from> has to use tags to create forms.
(প্ৰিয়ংকাই এটা প্ৰপত্ৰ সৃষ্টি কৰিব বিচাৰে কিন্তু তেওঁ প্ৰপত্ৰখন সৃষ্টি কৰিবলৈ ব্যৱহৃত টেগটো পাহৰি গৈছে। তাই প্ৰপত্ৰ সৃষ্টি কৰিবলৈ <from> টেগ ব্য়ৱহাৰ কৰিব লাগিব।)
IV. ANSWER THE FOLLOWING:
1. Why do you include hyperlinks in your web page? Give any two reasons.
(আপুনি আপোনাৰ ৱেব পৃষ্ঠাত হাইপাৰলিংক কিয় অন্তৰ্ভুক্ত কৰে? যিকোনো দুটা কাৰণ কওক।)
Ans: Any two reasons why hyperlinks are included in web pages are that -websites use hyperlinks as a way to navigate online content. Hyperlinks may indicate web content that is part of that website, or they may indicate web content that is part of external websites. Both images and text can be used to create hyperlinks.
( ৱেব পৃষ্ঠাত হাইপাৰলিংক অন্তৰ্ভুক্ত কৰাৰ যিকোনো দুটা কাৰণ হ’ল -ৱেবছাইটবোৰে অনলাইন সমল নেভিগেট কৰাৰ উপায় হিচাপে হাইপাৰলিংক ব্যৱহাৰ কৰে। হাইপাৰলিংকবোৰে সেই ৱেবছাইটৰ অংশ হোৱা ৱেব সমল সূচিত কৰিব পাৰে, বা সেইবোৰে ৱেব সমল সূচিত কৰিব পাৰে যি বাহ্যিক ৱেবছাইটৰ অংশ। হাইপাৰলিংক সৃষ্টি কৰিবলৈ ছবি আৰু পাঠ দুয়োটা ব্যৱহাৰ কৰিব পাৰি।)
2. Distinguish between the internal and external linking.
(আভ্যন্তৰীণ আৰু বাহ্যিক সংযোগৰ মাজত পাৰ্থক্য কৰা।)
Ans: The difference between internal and external connections is mentioned below :
Internal links occur when a website links a URL located in the same domain, while external links occur when one site connects to a URL located in another domain. Internal links help users and search engines to better find pages on your site. This can help increase the ranking on other pages on your website.
(আভ্যন্তৰীণ আৰু বাহ্যিক সংযোগৰ মাজৰ পাৰ্থক্য তলত উল্লেখ কৰা হৈছে:
আভ্যন্তৰীণ লিংকবোৰ তেতিয়া হয় যেতিয়া ৱেবছাইট এটাই একে ডমেইনত অৱস্থিত এটা ইউআৰএল সংযোগ কৰে, আনহাতে এটা ছাইট আন ডমেইনত অৱস্থিত ইউআৰএলৰ সৈতে সংযোগ কৰিলে বাহ্যিক লিংকবোৰ ঘটে। আভ্যন্তৰীণ লিংকবোৰে ব্যৱহাৰকাৰী আৰু অনুসন্ধান ইঞ্জিনবোৰক আপোনাৰ ছাইটত পৃষ্ঠাবোৰ ভালদৰে বিচাৰি উলিওৱাত সহায় কৰে। ই আপোনাৰ ৱেবছাইটৰ আন পৃষ্ঠাবোৰত ৰেংকিং বৃদ্ধি কৰাত সহায় কৰিব পাৰে।)
3. What are frames? How are they useful?
(ফ্ৰেম কি? সেইবোৰ কেনেকৈ উপযোগী?)
Ans: Frames are a page used to break browser windows into several sections. Where each branch can load separate HTML files. A set of frames in a browser window is called a frameset. The window is divided into frames in the same way that lists are arranged: in rows and columns.
(ফ্ৰেমবোৰ হ’ল ব্ৰাউজাৰ উইণ্ডোক কেইবাটাও শাখাত ভাঙিবলৈ ব্যৱহাৰ কৰা এটা পৃষ্ঠা। য’ত প্ৰতিটো শাখাই পৃথক এইচটিএমএল নথিপত্ৰ লোড কৰিব পাৰে। ব্ৰাউজাৰ উইণ্ডোত ফ্ৰেমৰ এটা ছেটক ফ্ৰেমছেট বুলি কোৱা হয়। উইণ্ডোটো ফ্ৰেমত একেধৰণে বিভক্ত কৰা হয় যিদৰে তালিকাবোৰ সজ্জিত কৰা হয়: শাৰী আৰু স্তম্ভত।)
4. What are two types of text input in HTML web forms?
(HTML ৱেব ফৰ্মত দুবিধ টেক্সট ইনপুট কি কি?)
Ans: The two types of text input in HTML web forms are-
1.The text box is used for users to enter the row text field in the HTML form.
2. Textfield is usually used to collect names or any unique values in the form. Text: It is used to collect multi-line text entries in the HTML form. This field is used to treat the address field as one.
(এইচটিএমএল ৱেব প্ৰপত্ৰত পাঠ ইনপুট দুটা প্ৰকাৰৰ হৈছে-
1. এইচটিএমএল প্ৰপত্ৰত শাৰী পাঠ ক্ষেত্ৰপ্ৰবিষ্ট কৰিবলৈ ব্যৱহাৰকাৰীসকলৰ বাবে পাঠ বাকচটো ব্যৱহাৰ কৰা হয়।
2. প্ৰপত্ৰত নাম বা যিকোনো অনন্য মান সংগ্ৰহ কৰিবলৈ সাধাৰণতে টেক্সটফিল্ড ব্যৱহাৰ কৰা হয়। পাঠ: ইয়াক এইচটিএমএল প্ৰপত্ৰত মাল্টি-লাইন পাঠ প্ৰবিষ্টি সংগ্ৰহ কৰিবলৈ ব্যৱহাৰ কৰা হয়। ঠিকনা ক্ষেত্ৰখনক এক হিচাপে গণ্য কৰিবলৈ এই ক্ষেত্ৰখন ব্যৱহাৰ কৰা হয়।)
5. Which input control is most useful for questions requiring a simple yes or no answer?
(সৰল হয় বা নহয় উত্তৰৰ প্ৰয়োজন হোৱা প্ৰশ্নৰ বাবে কোনটো ইনপুট নিয়ন্ত্ৰণ আটাইতকৈ উপযোগী?)
Ans: Label input control is most useful for questions that require simple yes or no answers such as-
Radio buttons are a clear option when the label is in question. Checkboxes are more appropriate when there is a statement assuming that the label is the customer’s area
(সৰল হয় বা নহয় উত্তৰৰ প্ৰয়োজন হোৱা প্ৰশ্নবোৰৰ বাবে লেবেল ইনপুট নিয়ন্ত্ৰণ আটাইতকৈ উপযোগী যেনে-
লেবেলটো প্ৰশ্ন হ’লে ৰেডিঅ’ বুটামবোৰ এটা স্পষ্ট বিকল্প। যেতিয়া লেবেলটো গ্ৰাহকৰ এলেকা বুলি ধৰি লৈ এটা বিবৃতি হয় তেতিয়া চেকবক্সবোৰ অধিক উপযুক্ত হয়)
6. What is the use of password control in HTML forms?
(HTML ফৰ্মত পাছৱৰ্ড নিয়ন্ত্ৰণৰ ব্যৱহাৰ কি?)
Ans: This is designed to enable helpdesk workers and other IT support services to be sent to one user in html products. It has a simple and intuitive interface, which in many practical ways it is the most productive than the custom MMC. Backward control is designed to work with active directory-based domains.
(এইচটিএমএল প্ৰপত্ৰত পাছৱৰ্ড নিয়ন্ত্ৰণৰ ব্যৱহাৰ হৈছে হেল্পডেস্ক কৰ্মচাৰী আৰু অন্যান্য আইটি সহায়ক কৰ্মচাৰীক এজন ব্যৱহাৰকাৰীৰ পাছৱৰ্ড ৰিছেট কৰিবলৈ সক্ষম কৰাৰ বাবে ডিজাইন কৰা এটা সঁজুলি। ইয়াৰ এটা সৰল আৰু স্বজ্ঞাত আন্তঃপৃষ্ঠ আছে যিটো বহুতো ব্যৱহাৰকাৰীয়ে এটা কাষ্টম এমএমচি কনচৌলতকৈ অধিক উৎপাদনশীল বিচাৰে। পাছৱৰ্ড নিয়ন্ত্ৰণ সক্ৰিয় ডাইৰেকটৰি-আধাৰিত ডমেইনৰ সৈতে কাম কৰিবলৈ ডিজাইন কৰা হৈছে।)
8. What are the uses of Submit and Reset buttons?
(হৃদযন্ত্ৰৰ ক্ষেত্ৰত দাখিল কৰক আৰু কি প্ৰভাৱ দেখা গৈছে? বুটামসমূহ পুনৰায় সেট কৰক?)
Ans: The uses of Submit and Reset buttons are-
Submit buttons allow the user to forward form data for and The Reset button allows the user to clear all the entered information form fields.
( দাখিল আৰু ৰিছেট বুটামৰ ব্যৱহাৰবোৰ হৈছে-জমা বুটামবোৰে ব্যৱহাৰকাৰীক ফৰ্ম ডাটা ফৰৱাৰ্ড কৰিবলৈ অনুমতি দিয়ে আৰু ৰিছেট বুটামে ব্যৱহাৰকাৰীক সকলো প্ৰবিষ্ট কৰা তথ্য প্ৰপত্ৰ ফিল্ড পৰিষ্কাৰ কৰিবলৈ অনুমতি দিয়ে।)
V. LAB ACTIVITY
লেবৰ কাৰ্য্যকলাপ
1. Create a web page where a person has top choose a day of the month from a drop – down list. The page should also allow the person to enter two lines on what the person plans to do on.
(এটা ৱেব পেজ তৈয়াৰ কৰক য’ত এজন ব্যক্তিয়ে ড্ৰপ – ডাউন তালিকাৰ পৰা মাহৰ এটা দিন বাছি ল’ব লাগিব। পৃষ্ঠাটোত ব্যক্তিজনে কি কাম কৰাৰ পৰিকল্পনা কৰিছে তাৰ ওপৰত দুটা শাৰীও দিবলৈ অনুমতি দিব লাগে।)
Ans:
2. Create an HTML document on the topic HTML list and HTML Tables. The web page should contain two frames where in one frame with HTML List and in other HTML Tables.
বিষয় HTML তালিকা আৰু HTML টেবুলসমূহত এটা HTML নথিপত্ৰ সৃষ্টি কৰক। ৱেব পৃষ্ঠাত দুটা ফ্ৰেম থাকিব লাগে য’ত এটা ফ্ৰেমত HTML তালিকা আৰু অন্য HTML টেবুলসমূহত।
Ans-