Podcast
Questions and Answers
What additional features does HTML 4.01 support compared to its previous versions?
What additional features does HTML 4.01 support compared to its previous versions?
Which of the following is true about HTML tags?
Which of the following is true about HTML tags?
Which HTML tag is used to define the beginning of a web document?
Which HTML tag is used to define the beginning of a web document?
How are HTML tags typically written in terms of case sensitivity?
How are HTML tags typically written in terms of case sensitivity?
Signup and view all the answers
What is the correct way to indicate the end of an HTML document?
What is the correct way to indicate the end of an HTML document?
Signup and view all the answers
Which of the following describes how HTML handles white space?
Which of the following describes how HTML handles white space?
Signup and view all the answers
What is the significance of nesting HTML tags correctly?
What is the significance of nesting HTML tags correctly?
Signup and view all the answers
Which of the following is NOT a basic rule for HTML?
Which of the following is NOT a basic rule for HTML?
Signup and view all the answers
What is the primary purpose of an HTML editor like Notepad?
What is the primary purpose of an HTML editor like Notepad?
Signup and view all the answers
Which tag is used to insert a single line space in HTML?
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?
What should you do after making changes in Notepad to see updates in your web browser?
Signup and view all the answers
What is the range of header tags used to show hierarchy on a web page?
What is the range of header tags used to show hierarchy on a web page?
Signup and view all the answers
What is the first step to creating a web page using Notepad?
What is the first step to creating a web page using Notepad?
Signup and view all the answers
Which of the following tools is NOT mentioned as necessary for creating web pages using HTML?
Which of the following tools is NOT mentioned as necessary for creating web pages using HTML?
Signup and view all the answers
When adding text to a web page, which HTML tag should be used to define separate paragraphs?
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?
What should be included in the title of a web page to indicate its main topic?
Signup and view all the answers
What is the primary aim of MyLibrary?
What is the primary aim of MyLibrary?
Signup and view all the answers
Which HTML tag is used to structure a list of items that are not ranked in any order?
Which HTML tag is used to structure a list of items that are not ranked in any order?
Signup and view all the answers
What type of list uses the
tag in HTML?
What type of list uses the
- tag in HTML?
Signup and view all the answers
Which of the following is NOT a feature of nested lists?
Which of the following is NOT a feature of nested lists?
Signup and view all the answers
What tag is used to denote a list item in HTML?
What tag is used to denote a list item in HTML?
Signup and view all the answers
What does the list item type attribute change in HTML lists?
What does the list item type attribute change in HTML lists?
Signup and view all the answers
Which of the following best describes the objectives listed under MyLibrary?
Which of the following best describes the objectives listed under MyLibrary?
Signup and view all the answers
In the context of HTML lists, how can lists be effectively organized?
In the context of HTML lists, how can lists be effectively organized?
Signup and view all the answers
What is the function of the src
attribute in the HTML img
tag?
What is the function of the src
attribute in the HTML img
tag?
Signup and view all the answers
Which of the following would not be a suitable option for obtaining images for a web page?
Which of the following would not be a suitable option for obtaining images for a web page?
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?
When creating additional web pages for a library, what should the new HTML files be named according to the exercise?
Signup and view all the answers
What is a key consideration when using the img
tag for inserting images on a webpage?
What is a key consideration when using the img
tag for inserting images on a webpage?
Signup and view all the answers
What is typically required to effectively use graphic editing tools for creating images?
What is typically required to effectively use graphic editing tools for creating images?
Signup and view all the answers
What is the primary purpose of using the anchor tag in web pages?
What is the primary purpose of using the anchor tag in web pages?
Signup and view all the answers
Which of the following best describes what 'href' stands for in hyperlink creation?
Which of the following best describes what 'href' stands for in hyperlink creation?
Signup and view all the answers
What type of information can hyperlinks connect to, besides web pages?
What type of information can hyperlinks connect to, besides web pages?
Signup and view all the answers
How can a link to an e-mail address be created in HTML?
How can a link to an e-mail address be created in HTML?
Signup and view all the answers
Which of the following steps is NOT required to create a simple multi-page website as described?
Which of the following steps is NOT required to create a simple multi-page website as described?
Signup and view all the answers
What function does a graphic element play in hyperlinking?
What function does a graphic element play in hyperlinking?
Signup and view all the answers
When conducting a search for graphic editors, which keyword is relevant?
When conducting a search for graphic editors, which keyword is relevant?
Signup and view all the answers
Which of the following actions is part of the exercise regarding setting up the library’s web pages?
Which of the following actions is part of the exercise regarding setting up the library’s web pages?
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 -
<p>
- 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.,
<p> ... </p>
) - 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
<p>
tag to add paragraphs of textual information
Other HTML Tags
- Unordered lists (
- and
- )- create bulleted lists
- Ordered lists (
- and
- ) - create numbered lists
- Lists can be nested within each other
- 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 withhref
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.
Related Documents
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.