HTML 4.01 Basics

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What additional features does HTML 4.01 support compared to its previous versions?

Fewer style sheets

Improved accessibility for users with disabilities (correct)

Less multimedia options

Reduced scripting languages

Which of the following is true about HTML tags?

All tags must be nested randomly

HTML tags must be enclosed in curly braces { }

HTML tags are always case-sensitive

Most tags require a closing tag (correct)

Which HTML tag is used to define the beginning of a web document?

<body>

<head>

<title>

<html> (correct)

How are HTML tags typically written in terms of case sensitivity?

Tags are usually written in small letters Signup and view all the answers

What is the correct way to indicate the end of an HTML document?

</html> Signup and view all the answers

Which of the following describes how HTML handles white space?

HTML treats all white space as a single blank space Signup and view all the answers

What is the significance of nesting HTML tags correctly?

Ensures the integrity of the document structure Signup and view all the answers

Which of the following is NOT a basic rule for HTML?

Tags should be case sensitive Signup and view all the answers

What is the primary purpose of an HTML editor like Notepad?

To write HTML documents Signup and view all the answers

Which tag is used to insert a single line space in HTML?

Signup and view all the answers

What should you do after making changes in Notepad to see updates in your web browser?

Refresh/reload the browser Signup and view all the answers

What is the range of header tags used to show hierarchy on a web page?

<h1> to <h6> Signup and view all the answers

What is the first step to creating a web page using Notepad?

Create a new folder Signup and view all the answers

Which of the following tools is NOT mentioned as necessary for creating web pages using HTML?

Task manager Signup and view all the answers

When adding text to a web page, which HTML tag should be used to define separate paragraphs?

Signup and view all the answers

What should be included in the title of a web page to indicate its main topic?

A primary heading Signup and view all the answers

What is the primary aim of MyLibrary?

To be the country's public virtual library. Signup and view all the answers

Which HTML tag is used to structure a list of items that are not ranked in any order?

<ul> Signup and view all the answers

What type of list uses the
tag in HTML?

A numbered (ranked) list. Signup and view all the answers

Which of the following is NOT a feature of nested lists?

They cannot be presented visually. Signup and view all the answers

What tag is used to denote a list item in HTML?

<li> Signup and view all the answers

What does the list item type attribute change in HTML lists?

The style of the list markers. Signup and view all the answers

Which of the following best describes the objectives listed under MyLibrary?

They are centered around multimedia and user education. Signup and view all the answers

In the context of HTML lists, how can lists be effectively organized?

By combining different types of lists and nesting. Signup and view all the answers

What is the function of the `src` attribute in the HTML `img` tag?

It determines the source file location of the image. Signup and view all the answers

Which of the following would not be a suitable option for obtaining images for a web page?

Hiring a professional photographer each time. Signup and view all the answers

When creating additional web pages for a library, what should the new HTML files be named according to the exercise?

collection.htm and services.htm Signup and view all the answers

What is a key consideration when using the `img` tag for inserting images on a webpage?

Correct directory path should be used when image is not in the same location. Signup and view all the answers

What is typically required to effectively use graphic editing tools for creating images?

A high level of creativity and dedication. Signup and view all the answers

What is the primary purpose of using the anchor tag in web pages?

To create hyperlinks to other documents Signup and view all the answers

Which of the following best describes what 'href' stands for in hyperlink creation?

Hypertext Reference Signup and view all the answers

What type of information can hyperlinks connect to, besides web pages?

Images and other media Signup and view all the answers

How can a link to an e-mail address be created in HTML?

Using the mailto: prefix Signup and view all the answers

Which of the following steps is NOT required to create a simple multi-page website as described?

Use external CSS for all styling Signup and view all the answers

What function does a graphic element play in hyperlinking?

It serves as a clickable object to navigate Signup and view all the answers

When conducting a search for graphic editors, which keyword is relevant?

Graphic editors freeware Signup and view all the answers

Which of the following actions is part of the exercise regarding setting up the library’s web pages?

Establish a link from other pages back to basic.htm Signup and view all the answers

Study Notes

HTML 4.01

HTML 4.01 specification defines the HyperText Markup Language
Included support for multimedia options, scripting languages, style sheets, better printing facilities, and better accessibility
The specification built upon previous versions of HTML, including HTML 3.2 and HTML 2.0

Basic HTML Tags

<html> - identifies the document as HTML
<head> - contains information about the HTML document
<body> - contains the text body of the document
 - opens and closes a paragraph
</html> - closing tag for the document

Basic HTML Rules

Tags are enclosed within angle brackets (< >)
Most tags require a closing tag (e.g.,  ... )
Tags must be nested correctly
HTML treats all whitespace as a single blank space
Tags are not case sensitive but by convention are written in lowercase
Most tags have optional attributes that modify their behavior

Tools for Creating Web Pages Using HTML

HTML editor - used to write HTML documents (e.g. Notepad, NVu)
Web browser - used to test and view the created web page (e.g. IE, Firefox)
HTML reference book - serves as a guide for HTML tags
Other utilities, tools, and online resources

How to Use Notepad to Create a Web Page

Create a new folder for the web page files
Open Notepad to write the HTML
Use basic HTML tags to structure the page
Save the file with a ".htm" extension within the folder
Use a web browser to view the created page
Use Notepad to add or edit content within the page
Save the file after every change
Refresh/reload the browser to see the changes

How to Add Content

Use heading tags ( <h1> to <h6> ) to add headings, with the size showing the hierarchy of importance
Use the  tag to add paragraphs of textual information

Other HTML Tags

Unordered lists (
- )- create bulleted lists
- Ordered lists (
 1. ) - create numbered lists
 2. Lists can be nested within each other
 3. The type attribute can change list item bullets and numbering
How to Add Images
- Use the <img> tag to add images to the web page
- The src attribute specifies the source of the image
- Use relative URLs for images in the same directory as the HTML file
- Use absolute URLs for images in different directories
Where to Get Images
- Use graphic editors (e.g., GIMP, Inkscape) to create and edit images
- Use online resources to find free images (e.g., Unsplash, Pixabay)
- Use online tools to create custom images (e.g., Xara 3D Heading Maker)
How to Create Hyperlinks
- Create hyperlinks using the <a> tag with href attribute
- Hyperlinks connect web pages together and point to other documents
- Use hyperlinks to connect images and other media
- Hyperlinks can be created to automatically open e-mail programs
What is WYSIWYG HTML Editor?
- WYSIWYG stands for "What You See Is What You Get"
- WYSIWYG editors allow users to edit and view formatted web pages without needing to write HTML code
How to Use WYSIWYG HTML Editors
- Select a WYSIWYG editor
- Use the editor's tools to add content, format text, insert images, create links, and manipulate page layout
- Save the created web page in the desired folder
- Preview the web page in a web browser and make any necessary adjustments.

Studying That Suits You

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

Description

This quiz covers the HTML 4.01 specification, including its support for multimedia and scripting. You will learn about basic HTML tags, their rules, and tools for creating web pages. Test your knowledge on the foundational elements of web development.