1.
What is difference between inner Text and inner
HTML?
Ans: inner: Text shows or changes only the visible text of an element & inner HTML
shows or changes the HTML content, including tags.
2.interactive website and dynamic and static different?
Ans: Static Website: Fixed content, same for all users. Built with HTML & CSS
only,Dynamic Website: Content changes based on user or data. Uses backend (like
PHP, database) & Interactive Website: Lets users interact (click, type, etc.). Uses
JavaScript for real-time actions.
3.which editor prefer?
Ans: Visual Studio Code (VS Code) is preferred — it's fast, free, supports many
languages, and has great extensions.
4.FTP server purpose?
Ans: FTP server’s purpose To transfer files between your computer and a remote
server.
5.HTML Login form with submit button * When should I consider SVG images *ID
Selector in css.....
Ans: HTML Login Form:** Input fields + submit button.
Use SVG:** For sharp, scalable graphics.
ID Selector:** Styles one unique element by #id.
6.what is multiple CSS class in single element * function in JS. order list in
html?
Ans: Multiple CSS classes: Use spaces:<div class="class1 class2">
Function in JS: Code block that runs when called.
Ordered list in HTML: Use <ol> with <li> items.
7.what is Array and object in JS?
Ans: Array: List of items in order, accessed by index & Object: Collection of key-
value pairs, accessed by keys.
8.What is Access Array and objects in element property?
Ans: Array element: Use index, like array[0] & Object property: Use key, like
object.key or object["key"].
9.For, while, do white difference....
Ans: for: Runs a loop a known number of times, while: Runs as long as condition is
true, checks before loop & do-while: Runs once, then checks condition to repeat.
others: for: fixed repeats, while: checks first & do-while: runs once first.
10.conditional statement in JS...
Ans: Conditional statement: Runs code if condition is true (e.g., if, else).
11.DOM in JS?
Ans: DOM: The webpage’s structure that JavaScript can read and change.
12.What is declaration in css?
Ans: Declaration in CSS: A property and value pair inside { }, like color: red;.
13.What is float property?
Ans: Float property: Moves an element left or right, letting text wrap around it.
14.what is flex-box in CSS?
Ans: Flexbox: A CSS layout that arranges items in a row or column and easily aligns
and distributes space.
15.What is grid by out in CSS?
Ans: CSS Grid Layout: A system to create grid-based layouts with rows and columns
for easy placement of elements.
16.what is opacity an CSS?
Ans: Opacity in CSS: Controls how transparent an element is.
17.What are the three main parts of CSS syntax?
Ans: The three main parts of CSS syntax are:Selector – targets the HTML element,
Property – the style you want to change & Value – the setting for the property.
18.what is a pseudo class?
Ans:Pseudo-class: A keyword added to a selector that styles an element in a special
state.
Example::hover styles an element when the mouse is over it.
19.Write the names of popular web design platform.
Ans: Popular web design platforms: Wix, WordPress ,Squarespace , Web flow &
Shopify.
20.Html semantic and non-semantic tag
Ans: Semantic tags: Clearly describe their meaning (e.g., <header>, <article>,
<footer>). & Non-semantic tags: Don’t describe content (e.g., <div>, <span>).
21.JS time.
Ans: JS Time:
new Date().toLocaleTimeString();
22.Boilerplate.....
Ans: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Page</title>
</head>
<body>
</body>
</html>
23.Js Array with example:
Ans: JavaScript Array: A list of items.
let fruits = ["Apple", "Banana", "Mango"];
console.log(fruits[0]); // Output: Apple
24.HTML tag, attribute, element.
Ans: HTML Tag: The keyword used to define elements (e.g., <p>) , Attribute: Extra
info inside a tag (e.g., href, src) & Element: The full tag with content (e.g.,
<p>Hello</p>).
25.JSON format.
Ans: {
"name": "Munim",
"age": 25,
"isStudent": true
}
Structure: { "key": value }
26.JS function with example
Ans: JavaScript Function: A reusable block of code.
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Munim")); // Output: Hello, Munim!
27.3 types loop
Ans: for — repeats a set number of times , while — repeats while a condition is
true & do-while — runs once, then repeats if condition is true.
28.Create JSON array containing four students name,email, number, address.
Ans: [
{
"name": "Munim",
"email": "munim@example.com",
"number": "1234567890",
"address": "Dhaka"
},
{
"name": "Tanjila",
"email": "tanjila@example.com",
"number": "0987654321",
"address": "Chittagong"
},
{
"name": "Rahim",
"email": "rahim@example.com",
"number": "1122334455",
"address": "Khulna"
},
{
"name": "Sadia",
"email": "sadia@example.com",
"number": "5566778899",
"address": "Sylhet"
}
]
29.Difference between margin and padding?
Ans: Margin: Space outside the element’s border & Padding: Space inside the
element, between border and content.
30.Difference between BOM and DOM?
Ans: DOM (Document Object Model): Represents the webpage content (HTML elements) &
BOM (Browser Object Model): Represents the browser window and tools (like window,
navigator).
31.Why JS conditional Statement used?
Ans: JS conditional statements are used to **run different code based on
conditions** — like making decisions in your program.
32.Box model?
Ans: Box Model: Every HTML element is a box made of —Content → Padding → Border →
Margin
These layers control size and spacing.
33.why CSS Box-sizing used for ?
Ans: box-sizing controls how an element’s total width and height are calculated —
whether to include padding and border inside the size or not.
34.What is difference between JAVA and JS?
Ans: Java: A full programming language used for apps, servers, Android &
JavaScript: A scripting language mainly for web pages to make them interactive.
They’re different languages with different uses despite similar names.
35.which web editing software you prefer and why?
Ans: Visual Studio Code (VS Code) because it’s free, lightweight, supports many
languages, has tons of useful extensions, and great debugging tools. It’s perfect
for both beginners and pros!
36.What is AJAX ?
Ans: AJAX(Asynchronous JavaScript and XML) lets a webpage **load data in the
background** without refreshing the whole page, making websites faster and
smoother.
37.What is a Variable declaration in JavaScript ?
Ans: Variable declaration in JavaScript means creating a variable to store data
using keywords like var, let, or const.
Example:
let name = "Munim";
38.What is bootstrap?
Ans: Bootstrap is a popular CSS framework that helps you build responsive, mobile-
friendly websites quickly with ready-made styles and components.
39.What is object in JS?
Ans: Object in JS: A collection of key-value pairs used to store related data and
functions.
Example:
let person = {
name: "Munim",
age: 25
};
