Aarya Web Developers

XII Commerce SOP from Ch. Digital Marketing

For XI Ch.3 Q.7

Solution:

<!DOCTYPE html>

<html>

<head>

<title>Class Timetable</title>

<style>

table {

border-collapse: collapse;

width: 80%;

margin: 20px auto;

}

th, td {

border: 1px solid #ddd;

padding: 8px;

text-align: center;

}

th {

background-color: #f2f2f2;

}

tr:nth-child(even) {

background-color: #f2f2f2;

}

</style>

</head>

<body>

<h1>Class Timetable</h1>

<table>

<tr>

<th>Monday</th>

<th>Tuesday</th>

<th>Wednesday</th>

<th>Thursday</th>

<th>Friday</th>

</tr>

<tr>

<td>Biology</td>

<td>Physics</td>

<td>English</td>

<td>Chemistry</td>

</tr>

<tr>

<td>physics</td>

<td>Biology</td>

<td>English</td>

<td>Physics</td>

</tr>

<tr>

<td>Chemistry</td>

<td>Physics</td>

<td>Biology</td>

<td>English</td>

</tr>

</table>

</body>

</html>

Page 1

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>This is Page 1 content.</p>

<ul>

</ul>

</body>

</html>

Page 2

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>This is Page 2 content.</p>

<ul>

</ul>

</body>

</html>

Page 3

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>This is Page 3 content.</p>

<ul>

</ul>

</body>

</html>

Page 4

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>This is Page 4 content.</p>

<ul>

</ul>

</body>

</html>

XII Science Practice Questions

IT Ch 4 Emerging technologies Notes

Class XI Click Here

Solution: Ch 1

---------------------------

<!DOCTYPE html>

<html>

<head>

<title>Vowel Count</title>

</head>

<body>

<h1>Count the Number of Vowels in a String</h1>

<label for="inputString">Enter a string:</label>

<button onclick="countVowels()">Count Vowels</button>

function countVowels() {

const inputString = document.getElementById("inputString").value;

let vowelCount = 0;

const lowerCaseString = inputString.toLowerCase();

for (let i = 0; i < lowerCaseString.length; i++) {

if (/[aeiou]/.test(lowerCaseString.charAt(i))) {

vowelCount++;

}

document.getElementById("result").textContent = `Number of vowels: ${vowelCount}`;

}

</script>

</body>

</html>

---------------------

------------------------------

MCQ on CSS

1. What does CSS stand for?

a) Creative Style Sheet

b) Computer Style Sheet

c) Cascading Style Sheet

d) Colorful Style Sheet

Answer: c) Cascading Style Sheet

2. Which HTML tag is used to link an external CSS file to an HTML document?

a) <link>

b) <style>

c) <script>

d) <css>

Answer: a) <link>

3. How do you apply inline CSS to an element in HTML?

a) <style>...</style>

b) <css>...</css>

c) <inline>...</inline>

d) style="..."

Answer: d) style="..."

4. What is the correct syntax for an internal CSS style block in HTML?

a) <style src="styles.css">

b) <internal>...</internal>

c) <style>...</style>

d) <css>...</css>

Answer: c) <style>...</style>

5. Which CSS property is used to change the text color of an element?

a) text-color

b) color

c) font-color

d) text-style

Answer: b) color

6. How do you select an element with the ID "example" in CSS?

a) #example

b) .example

c) <example>

d) example

Answer: a) #example

7. What does the "margin" property in CSS define?

a) The space between an element's border and content

b) The space between an element's border and the outer elements

c) The space between an element's padding and border

d) The space between an element's content and padding

Answer: b) The space between an element's border and the outer elements

8. Which CSS property is used to set the font size of an element?

a) font-size

b) text-size

c) font-style

d) size

Answer: a) font-size

9. How do you group multiple CSS selectors together?

a) Separating them with commas

b) Separating them with plus signs (+)

c) Separating them with semicolons (;)

d) Separating them with colons (:)

Answer: a) Separating them with commas

10. Which property is used to add a background image in CSS?

a) background-image

b) image-source

c) image-background

d) bg-image

Answer: a) background-image

11. What is the default value of the "position" property in CSS?

a) static

b) relative

c) absolute

d) fixed

Answer: a) static

12. The CSS property "text-decoration" is used for:

a) Changing the font of the text

b) Adding borders around the text

c) Underlining or striking through the text

d) Changing the spacing between characters

Answer: c) Underlining or striking through the text

13. What is the correct way to apply a CSS class called "highlight" to an HTML element?

a) .highlight { ... }

b) #highlight { ... }

c) <highlight>...</highlight>

d) class="highlight"

Answer: d) class="highlight"

14. Which CSS property is used to control the alignment of text within an element?

a) text-align

b) align-text

c) text-justify

d) align

Answer: a) text-align

15. The CSS "float" property is used for:

a) Making an element invisible

b) Controlling the flow of text around an element

c) Centering an element horizontally

d) Adding a shadow effect to an element

Answer: b) Controlling the flow of text around an element

16. Which CSS property is used to create rounded corners for an element?

a) border-radius

b) corner-radius

c) border-style

d) border-round

Answer: a) border-radius

17. The CSS "display: none;" property is used to:

a) Remove an element from the page flow without hiding it

b) Hide an element completely from the page

c) Create a new element on the page

d) Increase the size of an element

Answer: b) Hide an element completely from the page

18. How do you add comments in CSS?

a)

b) // ...

c) /* ... */

d) / ... /

Answer: c) /* ... */

19. Which CSS property is used to add a shadow effect to text?

a) text-shadow

b) shadow-text

c) font-shadow

d) text-effect

Answer: a) text-shadow

20. What is the purpose of the CSS "box-sizing" property?

a) To set the size of the container box

b) To control the space between elements

c) To specify how the total width and height of an element are calculated

d) To apply a border around an element

Answer: c) To specify how the total width and height of an element are calculated

MCQ on List

1. In HTML, which tag is used to create an ordered list?

a) <ul>

b) <li>

c) <ol>

d) <list>

Answer: c) <ol>

2. How do you create an unordered list in HTML?

a) <ol>

b) <list>

c) <ul>

d) <unordered>

Answer: c) <ul>

3. Which attribute is used to specify the type of list item marker in an ordered list?

a) type

b) marker

c) list-type

d) list-style-type

Answer: d) list-style-type

4. How do you create a nested list in HTML?

a) Indent the list items using spaces or tabs

b) Use the <nested> tag

c) Use the <ul> tag inside the <li> tag

d) Use the <ol> tag inside the <li> tag

Answer: c) Use the <ul> tag inside the <li> tag

5. Which tag is used to define a description list in HTML?

a) <ul>

b) <dl>

c) <ol>

d) <list>

Answer: b) <dl>

6. In a description list, which tag is used to define the term being described?

a) <term>

b) <dt>

c) <dl>

d) <description>

Answer: b) <dt>

7. What is the purpose of the "start" attribute in the <ol> tag?

a) It sets the starting value of the first list item

b) It defines the type of list item marker

c) It specifies the indentation level of the list items

d) It sets the alignment of the list items

Answer: a) It sets the starting value of the first list item

8. How do you create a horizontal list in HTML?

a) <hlist>

b) <hrlist>

c) <hlist> and <hrlist>

d) <ul> and <li> with CSS style

Answer: d) <ul> and <li> with CSS style

9. Which attribute is used to add a value to a list item in HTML?

a) value

b) val

c) item-value

d) list-value

Answer: a) value

10. How do you create a custom list item marker using CSS?

a) marker-style

b) list-marker

c) list-style-image

d) custom-marker

Answer: c) list-style-image

11. In HTML, which tag is used to group related list items together?

a) <group>

b) <list-item>

c) <li>

d) <ul>

Answer: d) <ul>

12. Which attribute is used to create a circle as a list item marker in an unordered list?

a) circle

b) disc

c) square

d) type="circle"

Answer: d) type="circle"

13. How do you create a decimal (1, 2, 3) list in HTML?

a) Use <ul> with type="decimal"

b) Use <ol> with type="decimal"

c) Use <li> with type="decimal"

d) Use <ol> with type="1"

Answer: b) Use <ol> with type="decimal"

14. Which attribute is used to start a numbered list from a value other than 1?

a) start

b) begin

c) value

d) from

Answer: a) start

15. What is the purpose of the "reversed" attribute in an ordered list?

a) It reverses the order of list items from bottom to top

b) It adds a reverse effect to the list item markers

c) It starts the numbering of list items from the last value

d) It changes the direction of the list items to right-to-left

Answer: a) It reverses the order of list items from bottom to top

16. In a description list, which tag is used to define the description of a term?

a) <descr>

b) <dd>

c) <description>

d) <description-text>

Answer: b) <dd>

17. How do you create a square as a list item marker in an unordered list?

a) square

b) disc

c) type="square"

d) type="2"

Answer: c) type="square"

18. What is the purpose of the "compact" attribute in an HTML list?

a) It reduces the spacing between list items

b) It removes the list item markers

c) It groups list items together

d) It increases the font size of list items

Answer: a) It reduces the spacing between list items

19. How do you create a lowercase Roman numeral (i, ii, iii) list in HTML?

a) Use <ul> with type="roman"

b) Use <li> with type="roman"

c) Use <ol> with type="i"

d) Use <ol> with type="lower-roman"

Answer: d) Use <ol> with type="lower-roman"

20. Which tag is used to create a definition term in a description list?

a) <description>

b) <term>

c) <dt>

d) <dd>

Answer: c) <dt>

2 Marks questions on CSS

1. Question: What is the purpose of CSS, and how does it work?

Answer: CSS, which stands for Cascading Style Sheets, is used to control the presentation and layout of HTML documents. It works by providing a set of rules that define how HTML elements should be displayed on the web page. When a web browser renders an HTML page, it reads the CSS rules and applies the specified styles to each corresponding HTML element.

2. Question: What are the three ways to apply CSS styles to an HTML document?

Answer: There are three ways to apply CSS styles to an HTML document: inline styles, internal styles, and external styles. Inline styles are added directly to an HTML element using the "style" attribute. Internal styles are defined within the <style> tags in the HTML document's <head> section. External styles are written in a separate CSS file and linked to the HTML document using the <link> tag.

3. Question: How do you select HTML elements in CSS, and what are some common selectors?

Answer: In CSS, you select HTML elements using selectors. Common selectors include element selectors (e.g., "p" selects all <p> elements), class selectors (e.g., ".classname" selects elements with the specified class), and ID selectors (e.g., "#elementID" selects the element with the specified ID). Additionally, there are attribute selectors, pseudo-class selectors, and pseudo-element selectors, among others.

4. Question: Explain the concept of "cascading" in CSS.

Answer: The term "cascading" in CSS refers to the process of combining styles from different sources, such as inline styles, internal styles, and external stylesheets. When multiple conflicting styles target the same element, CSS follows a set of rules to determine which style takes precedence. The order of importance is: inline styles (highest priority), internal styles, external styles, and browser default styles (lowest priority).

5. Question: How do you add comments in CSS, and what is their purpose?

Answer: In CSS, comments are added using /* ... */. Everything between these symbols is considered a comment and is ignored by the browser. Comments serve as notes to developers, providing explanations, reminders, or documentation about the CSS code. They help improve code readability, make it easier to collaborate, and allow developers to leave messages for future reference without affecting the styles applied to the web page.

LINK 1 TEXT COLOR IN CSS

LINK 2 Text Color and Background Color

<!DOCTYPE html>

<html>

<head>

<title>definition List</title>

</head>

<body>

<h3>Example of HTML definition List</h3>

<dl>

<dt><b>Web</b></dt>

<dd>The part of the Internet that contains websites and web pages</dd>

<dt><b>HTML</b></dt>

<dd>A markup language for creating web pages</dd>

<dt><b>CSS</b></dt>

<dd>A technology to make HTML look better</dd>

</dl>

</body>

</html>

<!DOCTYPE html>
<html >
<head>
<title>Example of HTML nested list</title>
</head>
<body>
<h3>HTML Nested List</h3>
<ol>
<li>Introduction to IT</li>
<li>Introduction to DBMS</li>
<ul style="list-style-type:circle">
<li>Definition of DBMS</li>
<li>applications of DBMS</li>
<li>Advantages of DBMS</li>
</ul>
<li>Postgresql</li>
</ol>
</body>
</html>

<!DOCTYPE html>
<html >
<head>
<title>nested list</title>
</head>
<body>
<h3> Multi-level list Nested List</h3>
<ul>
<li>Daily computing</li>
<li>Web design</li>
<ol>
<li>html 5</li>
<li>hyperlink</li>
<li>Inserting Images</li>
</ol>
<li>Javascript</li>
<ul style="list-style-type:circle">
<li>conditional structure</li>
<ul style="list-style-type:square">
<li>If statment</li>
<li>If else statement</li>
<li>case statement</li>
</ul>
<li>loop statement</li>
</ul>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<h1>College Website</h1>
<a href="https://zealinternational.edu.in/" target="_blank">Click Here for College Website</a>

</body>
</html>

Link for 12th(2023-24) Science:

Link for Eduracle

For XI Ch.3 Q.7

<!DOCTYPE html>

<html>

<head>

<title>definition List</title>

</head>

<body>

<h3>Example of HTML definition List</h3>

<dl>

<dt><b>Web</b></dt>

<dd>The part of the Internet that contains websites and web pages</dd>

<dt><b>HTML</b></dt>

<dd>A markup language for creating web pages</dd>

<dt><b>CSS</b></dt>

<dd>A technology to make HTML look better</dd>

</dl>

</body>

</html>

Link for 12th(2023-24) Science:

Comments

Post a Comment

Popular posts from this blog