HTML Basics: Document Structure and Properties

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the purpose of the TITLE element in an HTML document?

To set the text color of the document

To define the structure of the HTML document

To specify the background color of the page

To provide a descriptive title for the page that appears in the browser's title bar (correct)

What is the correct syntax for specifying the color white in an HTML document using RGB color codes?

#FFFFFF (correct)

#00FF00

#000000

#FF0000

What is the purpose of the BODY element in an HTML document?

To define the structure of the HTML document

To specify the HEAD of the document

To control the document's properties (correct)

To specify the document's title

What is the correct syntax for specifying the color blue in an HTML document using RGB color codes?

#0000FF Signup and view all the answers

Where is the TITLE of an HTML document displayed?

In the browser's title bar Signup and view all the answers

What is the purpose of document properties in an HTML document?

To control the background color, text color, and link colors Signup and view all the answers

What is the correct syntax for specifying the color green in an HTML document using RGB color codes?

#00FF00 Signup and view all the answers

What is the purpose of the HEAD element in an HTML document?

To point to the top part of the browser window Signup and view all the answers

What is the purpose of saving a file after creating a basic starting document and setting document properties?

To ensure that your file is preserved and can be reopened for further editing Signup and view all the answers

What is the correct sequence of steps to preview your work in a web browser?

Click on the menu labeled 'File', then 'Open', then 'Browse' and locate your web document Signup and view all the answers

What is the purpose of the Edit, Save and View Cycle?

To preview your work with the new revisions Signup and view all the answers

What is the highest level of heading in HTML?

H1 Signup and view all the answers

What is the recommended order for using heading elements in HTML?

H1, H2, H3, H4, H5, H6 Signup and view all the answers

What is the purpose of using heading elements in HTML?

To create major divisions in a document Signup and view all the answers

What is the correct way to specify the file name when saving a file in NotePad?

Type the entire file name including the extension (e.g., name.html) Signup and view all the answers

What is the default height of a horizontal rule in HTML?

2 pixels Signup and view all the answers

What is the purpose of the 'Browse' button in the 'Open' dialog box?

To locate a file Signup and view all the answers

What is the purpose of the ALIGN attribute in a horizontal rule?

To align the rule left, center, or right Signup and view all the answers

What is the default width of a horizontal rule in HTML?

100% of screen width Signup and view all the answers

What is the purpose of the NOSHADE attribute in a horizontal rule?

To draw the rule with a flat look Signup and view all the answers

Which of the following is not a character formatting element?

Paragraph Signup and view all the answers

How can the size of text be set in HTML?

Using the SIZE attribute with a value from 1 to 7 Signup and view all the answers

What is the purpose of the COLOR attribute in HTML?

To set the color of the text Signup and view all the answers

What is the purpose of the PRE element in HTML?

To display text in a monospaced font Signup and view all the answers

Study Notes

Creating a Basic Starting Document

A basic starting document is displayed in a browser with the title appearing at the top of the browser window.
The title should be descriptive as it is used by search engines for indexing.
The HEAD of the document points to the top window part.

Setting Document Properties

Document properties are controlled by attributes of the BODY element.
Attributes include color settings for the background, text, and links.

Color Codes

Colors are set using RGB color codes, represented as hexadecimal values.
Each 2-digit section of the code represents the amount of red, green, or blue that forms the color.
Examples of RGB color codes include #FFFFFF for white, #000000 for black, and #FF0000 for red.

Preparing Your Document

To save a file in Notepad, follow these steps:
- Locate and click on the "File" menu.
- Select the "Save As" option.
- Type in the entire name of the file, including the extension (.html).
To preview your work, open a web browser and follow these steps:
- Click on the "File" menu.
- Select the "Open" option.
- Locate and select your web document.
- Click "OK" to load the document.

Headings, Paragraphs, Breaks, and Horizontal Rules

Heading elements (H1-H6) are used to divide the document into sections.
Headings should be used in order (H1, H2, H3, etc.) for best results.
Paragraphs are used to add text to a document.
Breaks can be inserted where necessary.
Horizontal rules can be added to separate sections.

Horizontal Rules

Attributes of horizontal rules include:
- SIZE: height of the rule in pixels.
- WIDTH: width of the rule in pixels or percentage of screen width.
- NOSHADE: draw the rule with a flat look instead of a 3D look.
- ALIGN: align the line (left, center, or right).
- COLOR: set a color for the rule.

Character Formatting

Character formatting options include:
- Changing the color and size of text.
- Using common character formatting elements (bold, italic, underline).
- Aligning text.
- Adding special characters.
- Using other character formatting elements.
The FONT element can be used to set the color and size of text.
The FONT element can be used to set the color of text using the RGB color code format.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Learn about the basic structure of an HTML document, including setting document properties and using color codes.