Web Technology I · Unit 2
HTML Basics and Structure
Exam-focused notes for HTML Basics and Structure (Web Technology I, BIT251): what the TU syllabus asks and how it has actually been tested, with 6 solved past questions from this unit.
What this unit covers
- HTML head and body tags
- HTML title and meta tags
- HTML semantic elements
- Main and article tags
- Aside tag usage
- Figure tag with captions
HTML head and body tags
Write HTML script to generate following output. [5]
Since no specific output image is provided, I will create a commonly asked HTML table output in TU BSc CSIT exams: a formatted table with merged cells (colspan/rowspan), which is the standard 5-mark HTML question pattern. --- A table like: College Informati...
Full solved answer →Define HTML head and body tags. Write HTML script to display following output. The title of the page should be 'BIT Web Tech'.[10]
The <head tag is a container element that holds meta-information about the HTML document. The content inside the <head tag is not displayed directly on the web page. It contains elements such as: - <title - defines the title of the page (shown in browser ta...
Full solved answer →Main and article tags
What are the usages of Main and Aside tags? Write HTML script using these tags. [3+2]
The <main tag is used to specify the main content of a document. It represents the dominant content of the <body of a document. Key points: - There should be only one <main element in a document - The content inside <main should be unique to the document - ...
Full solved answer →Write HTML script to demonstrate use of the main and article tags. [5]
- <main tag: Represents the dominant/main content of the <body of a document. There should be only one <main element per page. - <article tag: Represents a self-contained, independent piece of content that can be distributed or reused independently (e.g., a...
Full solved answer →Figure tag with captions
Write HTML script to markup photo in an HTML document using figure tag. The source path of the photo is D:\BIT\CAMPUS.JPEG. Set the alternate text to 'BIT'. The caption of the figure should be 'This is the BIT Campus'. [5]
The <figure tag in HTML is used to mark up self-contained content such as images, diagrams, or photos. The <figcaption tag is used inside <figure to provide a caption for the content. --- --- Tag / Attribute Purpose ------ <figure Defines a self-contained b...
Full solved answer →HTML title and meta tags
Create an HTML page that contains Meta tag. Set the title of your page to "This Meta BIT". Set the description content in Meta to "Hello BIT", Keyword contents to "BIT", "IOST", "TU" and character encoding to "UTF-8". Also write "Hello BIT" and "Web Tech" in H1 and H2 tag under body section of the page. [5]
--- Tag / Attribute Purpose ------ <!DOCTYPE html Declares the document as HTML5 <meta charset="UTF-8" Sets character encoding to UTF-8 <meta name="description" content="Hello BIT" Sets the page description to "Hello BIT" <meta name="keywords" content="BIT,...
Full solved answer →Make Unit 2 stick
Practice BIT251 with flashcards & quizzes