Information Technology · Class 12 Commerce
Ch 1Advanced Web Designing — Class 12 Information Technology, concept-first.
Advanced Web Designing is a Std XII chapter of the Maharashtra State Board (MSBSHSE) HSC Information Technology course. In the earlier year you learnt to create simple web pages with basic HTML tags.
Key concepts
Hover a concept to preview it and jump to its most relevant Q&A.
HTML5 Semantic Markup
HTML5 semantic tags — <header, <nav, <main, <section, <article, <aside, <footer — describe the meaning of each part of a page rather than only its appearance.
Most relevant Q&A
Chapter contents
The NCERT structure, section by section. Open a section to see its questions, then read the concept-first solution.
Overview
Advanced Web Designing is a Std XII chapter of the Maharashtra State Board (MSBSHSE) HSC Information Technology course. In the earlier year you learnt to create simple web pages with basic HTML tags.
HTML5 and Semantic Structure Tags
HTML5 is the latest major version of HTML. One of its most important improvements is a set of semantic tags.
CSS Fundamentals and the Box Model
CSS (Cascading Style Sheets) is the language used to describe how HTML elements should look — their colours, fonts, sizes, spacing, and position.
CSS Layout — Positioning and Flexbox
Before arranging elements, note that they naturally behave in one of two ways. A block-level element (like <div, <p, <h1) starts on a new line and stretches across the full width available.
HTML Forms and Form Validation
A form is the part of a web page that collects information from the user — a login, a registration, a feedback message, or an order.
Introduction to JavaScript for Interactivity
HTML gives a page structure and CSS gives it style, but both are static — they cannot respond to what the user does.
Responsive Web Design
People visit websites on screens of every size — wide desktop monitors, laptops, tablets, and small phones.
More questions
12 Q+−Show 6 questionsHide questions6 questions
- Q1Which HTML5 tag is used to define the main navigation links of a web page? (A) `<main>` (B) `<nav>` (C) `<header>` (D) `<section>`Free
- Q2In the CSS box model, the transparent space *outside* an element's border, which separates it from other elements, is called the: (A) paddin…Free
- Q3Which CSS `position` value keeps an element fixed to the browser window so it stays visible even when the page is scrolled? (A) `static` (B)…Preview
- Q4Which HTML5 input attribute prevents a form from being submitted until the field has been filled in? (A) `pattern` (B) `placeholder` (C) `re…Preview
- Q5Which JavaScript method is commonly used to find a single element on a page by its unique id so the script can change it? (A) `document.writ…Preview
- Q6Which CSS feature applies a set of style rules only when the screen matches a condition such as a maximum width, making it central to respon…Preview
+−Show 3 questionsHide questions3 questions
- Q7What are HTML5 semantic tags? State any three of them with their purpose, and give one advantage of using them.Free
- Q8Explain the CSS box model with the help of a diagram. Name its four layers from inside to outside.Preview
- Q12What is responsive web design? Explain the role of the viewport meta tag and media queries in achieving it.Preview