Chapter 2 -
HTML5 AND CSS3
1. FILL IN THE BLANKS:
1. _______________ documents are made up of text content and special codes.
_______________ নথিগুলি পাঠ্য এবং বিশেষ কোড দ্বারা গঠিত।
Ans: tag documents are made up of text content and special codes.
উত্তর: (ট্যাগ ডকুমেন্টগুলিতে টেক্সট এবং বিশেষ কোড থাকে।)
2. ______________ are used to write notes about an HTML document.
HTML ডকুমেন্ট সম্পর্কে নোট লেখার জন্য ______________ ব্যবহার করা হয়।
Ans: The comment tag are used to write notes about an HTML document.
উত্তর: (কমেন্ট ট্যাগটি HTML ডকুমেন্ট সম্পর্কে নোট লেখার জন্য ব্যবহৃত হয়।)
3. HTML document is saved with an extension _______________.
HTML ডকুমেন্টটি _______________ এক্সটেনশন দিয়ে সংরক্ষিত হয়।
Ans: .html
4. ______________ are used to view the HTML documents.
HTML ডকুমেন্ট দেখার জন্য ______________ ব্যবহার করা হয়।
Ans: Web Browsers are used to view the HTML documents.
উত্তর: ( HTML ডকুমেন্ট দেখার জন্য একটি ওয়েব ব্রাউজার ব্যবহার করা হয়।)
5. The ___________ element include both on and off tags.
___________ উপাদানটিতে অন এবং অফ উভয় ট্যাগই অন্তর্ভুক্ত থাকে।
Ans: The Empty elements element include both on and off tags.
উত্তর: (খালি উপাদানের মধ্যে অন এবং অফ উভয় ট্যাগই অন্তর্ভুক্ত)।
6. The _____________ element splits the line and displays the text on a new line.
______________ উপাদানটি লাইনটিকে বিভক্ত করে এবং একটি নতুন লাইনে টেক্সট প্রদর্শন করে।
Ans: The <br> element splits the line and displays the text on a new line.
উত্তৰঃ (<br> উপাদানটোৱে ৰেখাটো বিভাজন কৰে আৰু পাঠটো এটা নতুন শাৰীত প্ৰদৰ্শন কৰে।)
II. MULTIPLE CHOICE QUESTIONS:
1. Which is the correct way to comment out something in HTML?
HTML-এ কোনও কিছু মন্তব্য করার সঠিক উপায় কোনটি?
i. Using ## and #
## এবং # ব্যবহার করেii
. Using <!-- and -->
<!-- এবং --> ব্যবহার করেiii
. Using </-- and -/->
</-- এবং -/-> ব্যবহার করে
iv. Using <!-- and -!>
<!-- এবং -!> ব্যবহার করে
Ans: iii. Using </-- and -/->
উত্তর: (</-- এবং -/-> ব্যবহার করে)
2. The --------------- tag draws a horizontal line across the web page.
i. <br>
ii. <hr>
iii. <line>
Ans: ii. <hr>
উত্তৰঃ (<hr>)
3. -------------------- provides a set of style rules for defining the layout of the HTML documents.
-------------------- HTML ডকুমেন্টের লেআউট নির্ধারণের জন্য স্টাইল নিয়মের একটি সেট প্রদান করে।
i. CSS
ii. WSS
iii. TSS
Ans: i. CSS
উত্তৰঃ (CSS)
4. A property and its value are collectively known as ----------------
একটি সম্পদ এবং তার মূল্য সম্মিলিতভাবে ------------------- নামে পরিচিত।
i. Selector
নির্বাচক
ii. Attribute
বৈশিষ্ট্য
iii. Declaration
ঘোষণা
5. Which tag indicates the beginning and end of the HTML documents?
কোন ট্যাগ HTML ডকুমেন্টের শুরু এবং শেষ নির্দেশ করে?
i. <HEAD>
ii. <BODY>
iii. <HTML>
Ans: iii. <HTML>
উত্তৰঃ <HTML>
6. Which of the following is used to define the style for a single HTML page?
HTML পৃষ্ঠার স্টাইল নির্ধারণ করতে নিচের কোনটি ব্যবহার করা হয়?
i. Inline CSS
ইনলাইন চি এছ এছ
ii. Internal CSS
অভ্যন্তরীণ সিএসএস
iii. External CSS
বাহ্যিক CSS
Ans: ii. Internal CSS
উত্তর: (অভ্যন্তরীণ CSS)
III. APPLICATION BASED QUESTIONS:
1. Yashvi was styling an HTML document using CSS. She wants to add styles directly to an HTML tag using the style attribute with the tag. How can she do this?
(যশভি সিএসএস ব্যবহার করে একটি HTML ডকুমেন্ট স্টাইল করছিলেন। সে ট্যাগ সহ স্টাইল অ্যাট্রিবিউট ব্যবহার করে সরাসরি HTML ট্যাগে স্টাইল যোগ করতে চায়। সে এটা কিভাবে করতে পারে?)
Ans: Yashvi was styling an HTML document using CSS. She wants to add styles directly to an HTML tag using the style attribute with the tag. She used to Inline CSS add styles directly to an HTML document.
2. Rohan wants to divide his web page into different sections so that the content is easily readable. Which tag can he use for this? Which attributes can he use to define some extra properties of this tag?
(রোহান তার ওয়েব পৃষ্ঠাটিকে বিভিন্ন বিভাগে ভাগ করতে চান যাতে কন্টেন্টটি সহজেই পড়া যায়। এর জন্য তিনি কোন ট্যাগ ব্যবহার করতে পারেন? এই ট্যাগের কিছু অতিরিক্ত বৈশিষ্ট্য সংজ্ঞায়িত করতে তিনি কোন বৈশিষ্ট্য ব্যবহার করতে পারেন?)
Ans: Rohan wants to divide his web page into different sections so that the content is easily readable. he <HR> can use tags to divide his web page into several sections so that the content can be easily readable.
3. Kirti wants to set the image of a park as the background of her web page but she is unable to do it. Which tag should she use to do so? Give the syntax.
(কীর্তী তার ওয়েব পেজের ব্যাকগ্রাউন্ড হিসেবে একটি পার্কের ছবি সেট করতে চায় কিন্তু সে তা করতে পারছে না। এটি করার জন্য তার কোন ট্যাগ ব্যবহার করা উচিত? বাক্য গঠন দিন।)
Answer: Kriti can set the picture of the park as the background of her web page, she has to write background qualities on the body tag.
IV. ANSWER THE FOLLOWING:
1. What is a markup language?
(মার্কআপ ল্যাঙ্গুয়েজ কী?)
Ans: Markup language, standard text-encoding system that consists of a set of symbols included in a text document to control the relationship between its structure, formatting, or parts of it.
(মার্কআপ ভাষা, স্ট্যান্ডার্ড টেক্সট-এনকোডিং সিস্টেম যা একটি টেক্সট ডকুমেন্টের গঠন, বিন্যাস, অথবা এর অংশগুলির মধ্যে সম্পর্ক নিয়ন্ত্রণ করার জন্য এতে অন্তর্ভুক্ত প্রতীকগুলির একটি সেট ধারণ করে।)
2. Write some feature of HTML.
(HTML এর কিছু বৈশিষ্ট্য লিখুন।)
Ans:
3. Explain the terms tags and attributes with the help of an example.
(ট্যাগ এবং অ্যাট্রিবিউট শব্দটি উদাহরণ সহ ব্যাখ্যা করুন।)
Ans: Tags are the simplest form of information used in HTML where attributes contain additional information. ... Tags are also used to mark the beginning and end of an HTML element while an attribute defines a component of a value pair a feature of the constitution and appears within the start tag elements.
4. How are comments useful?
(মন্তব্যগুলি কীভাবে কার্যকর?)
Ans: Comments are text notes added to the program to provide explanatory information about the source code. These are used in programming language to document the program and remind the programmers of what complex work they have just done with the code and also help the next generation understand and supervise the code.
(মন্তব্য হলো প্রোগ্রামে যোগ করা টেক্সট নোট যা সোর্স কোড সম্পর্কে ব্যাখ্যামূলক তথ্য প্রদান করে। প্রোগ্রামিং ভাষায় এগুলি প্রোগ্রামটি নথিভুক্ত করার জন্য এবং প্রোগ্রামারদের মনে করিয়ে দেওয়ার জন্য ব্যবহৃত হয় যে তারা কোডটি নিয়ে কী গুরুত্বপূর্ণ কাজ করেছেন এবং পরবর্তী প্রজন্মকে কোড বুঝতে এবং বজায় রাখতে সহায়তা করে)
5. What are Cascading Style Sheets? Name the different methods available for applying Style rules in an HTML document.
(ক্যাসকেডিং স্টাইল শিট কী? HTML ডকুমেন্টে স্টাইল নিয়ম প্রয়োগের জন্য উপলব্ধ বিভিন্ন পদ্ধতির নাম বলো।)
Ans: CSS can be applied to HTML or XHTML using three methods: linking, embedded, and inline. In the added manner, the CSS. Directly HTML. Saved to a separate file instead of being saved on the page. In embedded method, CSS. HTML as part of the page, stored in the header section.
(তিনটি পদ্ধতি ব্যবহার করে HTML বা XHTML-এ CSS প্রয়োগ করা যেতে পারে: লিঙ্কড, এমবেডেড এবং ইনলাইন। এমবেডেড পদ্ধতিতে, CSS সরাসরি HTML পৃষ্ঠায় সংরক্ষণ করার পরিবর্তে একটি পৃথক ফাইলে সংরক্ষণ করা হয়। এমবেডেড পদ্ধতিতে, HTML পৃষ্ঠার অংশ ইনস্টল করার সময় CSS সংরক্ষণ করা হয়।)
6. Differentiate between Internal CSS and External CSS.
(অভ্যন্তরীণ CSS এবং বহিরাগত CSS এর মধ্যে পার্থক্য করুন।)
Ans: The main difference between inline CSS and external CSS is that inline CSS is processed rapidly as it requires only the browser to download 1 file while html and CSS files have to be downloaded separately to use external CSS.
LAB ACTIVITY
ল্যাব কার্যক্রম
1. Create a web page that serves as an invitation card to your birthday party. Use all the HTML tags along with CSS properties you have learnt to make it attractive and lively.
(একটি ওয়েব পেজ তৈরি করুন যা আপনার জন্মদিনের পার্টির আমন্ত্রণ কার্ড হিসেবে কাজ করবে। এটিকে আকর্ষণীয় এবং প্রাণবন্ত করে তুলতে আপনার শেখা CSS বৈশিষ্ট্য সহ সমস্ত HTML ট্যাগ ব্যবহার করুন।)
2. Create a web page that serves as a guide for the mathematical formulas using HTML tags along with CSS properties.
CSS বৈশিষ্ট্য সহ HTML ট্যাগ ব্যবহার করে গাণিতিক সূত্রের নির্দেশিকা হিসেবে কাজ করে এমন একটি ওয়েব পৃষ্ঠা তৈরি করুন।
