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)
- HTML stands for HyperText Markup Language.
- CSS is used for styling web pages.
- The
<div>tag is a block-level element. - The
<span>tag is an inline element. - External CSS files use the .css extension.
- JavaScript is a client-side scripting language.
- The
<script>tag is used to embed JavaScript code in HTML. document.write()is used to print content on a web page.var,let, andconstare used to declare variables in JavaScript.- The
hrefattribute is used in the<a>tag to link to another page.
2. True or False (10 Marks)
- CSS stands for Cascading Style Sheets. – True
- HTML is a programming language. – False
- JavaScript can change HTML content dynamically. – True
- The
<head>tag is used to display visible content. – False alert()displays a message box. – True- Inline CSS overrides external CSS. – True
- The
<br>tag is used to break a line. – True - JavaScript is case-insensitive. – False
- The
<body>tag defines the main content. – True ==and===are the same in JavaScript. – False
3. Multiple Choice Questions (10 Marks)
- Which tag is used to create a hyperlink?
a)<a>✅ - Which CSS property changes text color?
a)color✅ - Which method is used to print in the console?
a)console.log()✅ - Which HTML tag is used for inserting an image?
a)<img>✅ - What is the JavaScript file extension?
a).js✅
4. Two-Choice Questions (20 Marks)
- JavaScript data types: String, Number
- CSS box model components: Margin, Padding
- HTML5 new tags: <header>, <footer>
- Variable keywords: let, const
- JavaScript loops: for, while
- CSS positioning types: absolute, relative
- Popup boxes in JavaScript: alert, confirm
- List types in HTML: ordered, unordered
- CSS selectors: class, id
- 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>
with a size of 3.65 KB