Advanced Web Design and JavaScript Exam Revision Sheet

This revision sheet covers essential concepts for Advanced Web Designing and Advanced JavaScript exams, designed for effective last-minute study.

🧠 Advanced Web Design & JavaScript Revision

1. Fill in the Blanks (10 Marks)

1. HTML stands for HyperText Markup Language.
2. CSS is used for styling web pages.
3. The <div> tag is a block-level element.
4. The <span> tag is an inline element.
5. External CSS files use the .css extension.
6. JavaScript is a client-side scripting language.
7. The <script> tag is used to embed JavaScript code in HTML.
8. document.write() is used to print content on a web page.
9. var, let, and const are used to declare variables in JavaScript.
10. The href attribute is used in the <a> tag to link to another page.

2. True or False (10 Marks)

1. CSS stands for Cascading Style Sheets. – True
2. HTML is a programming language. – False
3. JavaScript can change HTML content dynamically. – True
4. The <head> tag is used to display visible content. – False
5. alert() displays a message box. – True
6. Inline CSS overrides external CSS. – True
7. The <br> tag is used to break a line. – True
8. JavaScript is case-insensitive. – False
9. The <body> tag defines the main content. – True
10. == and === are the same in JavaScript. – False

3. Multiple Choice Questions (10 Marks)

1. Which tag is used to create a hyperlink?
   a) <a> ✅
2. Which CSS property changes text color?
   a) color ✅
3. Which method is used to print in the console?
   a) console.log() ✅
4. Which HTML tag is used for inserting an image?
   a) <img> ✅
5. What is the JavaScript file extension?
   a) .js ✅

4. Two-Choice Questions (20 Marks)

1. JavaScript data types: String, Number
2. CSS box model components: Margin, Padding
3. HTML5 new tags: <header>, <footer>
4. Variable keywords: let, const
5. JavaScript loops: for, while
6. CSS positioning types: absolute, relative
7. Popup boxes in JavaScript: alert, confirm
8. List types in HTML: ordered, unordered
9. CSS selectors: class, id
10. JavaScript operators: +, ===

5. Practical Coding Examples (6 Marks)

JavaScript: Add Two Numbers

let a = 5, b = 10;
let sum = a + b;
console.log("Sum = " + sum);

HTML + CSS: Simple Button Design

<!DOCTYPE html>
<html>
<head>
<style>
button {
  background-color: blue;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
}
</style>
</head>
<body>
<button>Click Me</button>
</body>
</html>