CBSE Class 7 Computer Science HTML Basics and Advanced Features Worksheet Set 01

Answer: An HTML (HyperText Markup Language) document is a text file containing tags that tell a web browser how to display a web page.
Features: 1. It is easy to understand and write. 2. It uses tags enclosed in angle brackets. 3. It can display text, images, lists, tables and links. 4. It works on any computer with a browser.

Teacher's Note:
1. HTML is a markup language, not a programming language.
2. Mention that it is displayed by a browser.

Answer: Notepad, Notepad++, Visual Studio Code, Sublime Text and Adobe Dreamweaver.

Teacher's Note:
1. Any text editor can be used to write HTML.
2. The file must be saved with the extension .html.

Answer: A tag is a keyword enclosed in angle brackets, such as <HTML>, that gives an instruction to the browser. Most tags come in pairs: an opening tag and a closing tag with a slash.
<HEAD> holds information about the page, such as the title, and is not shown in the page area. <BODY> holds the content shown in the browser window, such as text, images and lists.

Teacher's Note:
1. Think of HEAD as information about the page and BODY as the page itself.
2. A table can make this answer clearer.

Answer: The <MARQUEE> tag is used to make text or an image scroll across the web page, for example from right to left. It is written as <MARQUEE>text</MARQUEE>.

Teacher's Note:
1. Some modern browsers treat this tag as outdated.
2. It is still taught as a simple way to show moving text.

Answer: There are three main types: 1. Ordered list (<OL>), 2. Unordered list (<UL>) and 3. Definition list (<DL>).

Teacher's Note:
1. Learn the three tags together.
2. Items in OL and UL use the <LI> tag.

Answer: An ordered list shows items with numbers or letters in sequence. It is created with <OL> and each item uses <LI>.
Example: <OL><LI>Apple</LI><LI>Mango</LI></OL> displays 1. Apple and 2. Mango.

Teacher's Note:
1. O in OL stands for ordered.
2. Always close the list with </OL>.

Answer: A text editor such as Notepad is used to write the code and a web browser such as Chrome or Edge is used to view the result.

Teacher's Note:
1. Writing and viewing are done in two different programs.
2. Save the file with the .html extension.

Answer: 1. Open a text editor such as Notepad.
2. Type the HTML code, starting with <HTML>, <HEAD>, <TITLE> and <BODY> tags.
3. Save the file with a name and the extension .html.
4. Open the saved file in a web browser to see the page.

Teacher's Note:
1. Refresh the browser after each change you make.
2. Do not save the file as a .txt file.

Answer: The <HTML> tag is the root tag. It marks the start and end of the whole document and tells the browser that the file is an HTML page.

Teacher's Note:
1. Every other tag sits inside this one.
2. It is the first and the last tag of the page.

Answer: The <HEAD> tag contains information about the page, such as its title. Its content is not displayed in the main page area.

Teacher's Note:
1. It comes before BODY.
2. The TITLE tag is written inside it.

Answer: The <TITLE> tag gives a name to the page. This name appears on the title bar or tab of the browser.

Teacher's Note:
1. It is written inside HEAD.
2. The title is not shown in the page area.

Answer: The <BODY> tag holds everything that is displayed on the page, such as text, images, lists and tables.

Teacher's Note:
1. Most of your coding is done inside BODY.
2. Attributes like bgcolor can be added to it.

Answer: True. Tags are written between < and >.

Teacher's Note:
1. Angle brackets are the signs for less than and greater than.
2. They mark the tag name.

Answer: True. Its simple tags are read directly by the browser.

Teacher's Note:
1. Beginners can learn it quickly.
2. That is why it is the first web language taught.

Answer: False. <OL> creates a numbered (ordered) list; <UL> creates an unnumbered list.

Teacher's Note:
1. Do not mix up OL and UL.
2. Ordered means numbered.

Answer: False. The width and height of a table can be changed using attributes.

Teacher's Note:
1. Attributes such as width and border control the table.
2. Sizes can be given in pixels or percentages.

Answer: <HTML><HEAD><TITLE>My School</TITLE></HEAD><BODY></BODY></HTML>

Teacher's Note:
1. The browser tab shows the text inside TITLE.
2. The code must be placed within HEAD.

Answer: <UL> creates an unordered list and <LI> marks each item in it.

Teacher's Note:
1. An unordered list shows bullets instead of numbers.
2. LI is used in both kinds of list.

Answer: <MARQUEE>Welcome</MARQUEE>

Teacher's Note:
1. The text between the opening and closing tags moves.
2. Attributes like direction can change how it moves.