Maharashtra HSC Computer Science (Bifocal): Web Designing with HTML

What is tested

Web Designing with HTML tests document structure, tags, attributes, links, lists, images, tables and forms. You must read markup and predict what the browser displays or which attribute controls behaviour.

Core rules

• A document has <!DOCTYPE html>, <html>, <head> and <body>. <title> names the page in the tab; visible content belongs in <body>.
• Headings <h1> to <h6> show hierarchy. <p> makes a paragraph; <br> breaks a line without a new paragraph.
• <a href='target'>text</a> creates a link. <img src='file' alt='description'> embeds an image; alt is required for accessibility and appears if the image fails.
• <ul>/<ol> contain <li> items. Tables use <table>, <tr>, <th> and <td>. Forms use <form action='url' method='get|post'> with <input>, <select> and <textarea>.
• Tags are case-insensitive in HTML, but attribute values should be quoted consistently.

Worked example

<a href='page2.html' target='_blank'>Next</a> displays the clickable text Next. href gives the destination; target='_blank' opens it in a new browsing context. If href is missing, the text is not a link. If the file name is wrong, the browser requests a missing resource even though the text still looks clickable.

Traps

Do not put visible content in <head>. Close list and table cells correctly. alt is not a tooltip replacement for all users. GET puts form data in the URL; POST sends it in the request body, so do not use GET for passwords.