HTML Model Exam Paper for B.Sc. Students
Uploaded by
Deepa SureshHTML Model Exam Paper for B.Sc. Students
Uploaded by
Deepa SureshCommon questions
Powered by AIHTML has evolved through several stages, starting from HTML 1.0 to the current HTML5 version. Each stage introduced significant improvements such as support for tables (HTML 3.2), scripting (HTML 4.01), and new multimedia elements, including audio and video tags in HTML5. These evolutions have made web pages more interactive and media-rich, supporting modern web development needs .
Using CSS (Cascading Style Sheets) instead of inline styling allows for cleaner and more maintainable code by separating content from presentation. CSS enables global styling from a single stylesheet, making it easier to update the style of multiple pages without altering the HTML content directly. This improves maintenance efficiency and consistency across web pages .
Nested lists are useful for hierarchically organizing complex data, such as product categories with subcategories. For example, using <ul> for categories with nested <ul> for subcategories provides a clear hierarchical structure, improving user comprehension and navigation. This structure is beneficial for displaying grouped information like FAQs or multi-tier menus .
Image maps allow multiple clickable areas within a single image, enhancing interactivity by letting users click different parts of the image to navigate to different URLs. They're created using the <map> tag with nested <area> tags defining each clickable region. For instance, in a photo of a geographic map, different regions could link to their respective informational pages .
HTML supports three types of lists: ordered lists (<ol>), unordered lists (<ul>), and description lists (<dl>). Ordered lists display items in a sequentially numbered format, unordered lists display items with bullets, and description lists present a list of terms with descriptions. Each type of list serves different structural and presentational purposes depending on the content it represents .
The <IMG> tag's attributes such as 'src', 'alt', 'width', and 'height' are crucial for optimizing images in web content. 'src' defines the path to the image; 'alt' provides alternative text for accessibility; 'width' and 'height' help reserve space as the page loads. Effectively using these attributes ensures responsive and accessible images that enhance user experience .
HTML tables initially evolved to present data in a grid format, accommodating multi-row and multi-column spans using attributes like 'rowspan' and 'colspan'. Over time, CSS and JavaScript libraries such as CSS Grid and Flexbox have become popular alternatives, offering more flexibility in design and responsiveness than traditional tables, which are less suitable for layout-centric tasks .
Common tags in the body section include <p> for paragraphs, <h1> to <h6> for headings, <a> for hyperlinks, <img> for images, <ul> and <ol> for lists, and <table> for tables. Each tag contributes to specific content elements, enhancing the document's structure, readability, and navigability .
Frames allow the division of a browser window into multiple sections where each frame can load separate documents. This can be beneficial for displaying persistent navigation alongside changing contents. However, frames can complicate navigation, cause usability issues, and affect search engine optimization, as modern web design trends favor seamless single-page applications over frame-based layouts .
A drop-down list in HTML is created using the <select> tag, with each option within the <select> represented by an <option> tag. For example: <select><option>Option 1</option><option>Option 2</option></select>. Drop-down lists are used for user-friendly forms where users need to select one option from a list, such as for selecting a country or state in an address form .