HTML Basics for Beginners

Questions and Answers

What does the BODY section of an HTML document primarily hold?

Script and variables for interactivity

The actual coding visible on the web page (correct)

Meta information about the website

Links to external resources

Which HTML tag is used to create a paragraph?

<line>

(correct)

<text>

What attribute value is used to set the background color of a web page in HTML?

BACKGROUND

BG_COLOR

COLOR

BGCOLOR (correct)

Which of the following statements is true about HTML tags?

Every HTML tag must have a corresponding end tag. Signup and view all the answers

Which tag is used to make text bold in HTML?

Signup and view all the answers

What is the purpose of the FONT tag in HTML?

To adjust the size, color, and type of text. Signup and view all the answers

What attribute is used to specify the source of an image in the IMG tag?

src Signup and view all the answers

Which tag is used to create a horizontal line in HTML?

<hr> Signup and view all the answers

What is the function of the BR tag in HTML?

To insert a line break. Signup and view all the answers

What type of text does the STRIKE tag display?

Text with a line through it. Signup and view all the answers

Study Notes

HTML Overview

HTML stands for Hypertext Markup Language and is crucial for creating web pages.
It is an accessible programming language, ideal for beginners and young learners.
No fixed number of HTML tags exists, typically ranging from 80 to 150 depending on the web development program used.

HTML Structure

HTML is case-insensitive, allowing tags in uppercase or lowercase.
Tags are keywords encased in angle brackets, such as <tagname>.
Most HTML tags exist in pairs: a start tag (e.g., <tagname>) and an end tag (e.g., </tagname>).

The Body Section

The <body> section contains most visible content of a web page.
Properties like BGCOLOR (background color) and TEXT (text color) define the page's appearance.
Default browser settings typically show a white background and black text.

Headings and Paragraphs

There are six sizes for heading tags, with <h1> as the largest and <h6> as the smallest.
The  tag defines paragraphs, automatically adding space above and below the text.

Formatting Tags

Formatting tags alter text appearance on web pages:
-  for bold text
-  for italics
-  for underlined text
- <tt> for typewriter-style font
- <s> for strikethrough text
Additional formatting tags:
-  for important text
-  for emphasized text
-  for subscript
-  for superscript

Horizontal Rule and Line Breaks

The <hr> tag creates a horizontal line across the page, acting as a section divider.
The   tag inserts a line break without extra spacing, suitable for formatting addresses or poetry.

Font Tag

The  tag adjusts text size and color:
- SIZE attribute ranges from 1 to 7 for height.
- COLOR can be defined using color names or hex codes.
- FACE attribute specifies the font type. Default size is 3.

Image Tag

The <img> tag is used for embedding images with two key attributes:
- src: Specifies the image path.
- alt: Provides alternate text for the image when it cannot be displayed.
Example: <img src="Image.gif" alt="Description">.

Sample HTML Code

Example structure:

<html>
<head>
    <title>MY PAGE</title>
</head>
<body>
    <h1>THIS IS MY FIRST PAGE, I AM FOND OF HTML</h1>
    <hr>
</body>
</html>

Description

This quiz covers the fundamental concepts of HTML, including its structure, important tags, and how to format web pages. Ideal for beginners, it provides an overview of HTML elements such as headings, paragraphs, and the body section. Test your knowledge on creating and styling web content using HTML.