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?
- 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?
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?
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?
How are HTML tags typically written in terms of case sensitivity?
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?
Which of the following describes how HTML handles white space?
Which of the following describes how HTML handles white space?
What is the significance of nesting HTML tags correctly?
What is the significance of nesting HTML tags correctly?
Which of the following is NOT a basic rule for HTML?
Which of the following is NOT a basic rule for HTML?
What is the primary purpose of an HTML editor like Notepad?
What is the primary purpose of an HTML editor like Notepad?
Which tag is used to insert a single line space in HTML?
Which tag is used to insert a single line space in HTML?
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?
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?
What is the first step to creating a web page using Notepad?
What is the first step to creating a web page using Notepad?
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?
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?
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?
What is the primary aim of MyLibrary?
What is the primary aim of MyLibrary?
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?
What type of list uses the
tag in HTML?
What type of list uses the
- tag in HTML?
Which of the following is NOT a feature of nested lists?
Which of the following is NOT a feature of nested lists?
What tag is used to denote a list item in HTML?
What tag is used to denote a list item in HTML?
What does the list item type attribute change in HTML lists?
What does the list item type attribute change in HTML lists?
Which of the following best describes the objectives listed under MyLibrary?
Which of the following best describes the objectives listed under MyLibrary?
In the context of HTML lists, how can lists be effectively organized?
In the context of HTML lists, how can lists be effectively organized?
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?
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?
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?
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?
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?
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?
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?
What type of information can hyperlinks connect to, besides web pages?
What type of information can hyperlinks connect to, besides web pages?
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?
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?
What function does a graphic element play in hyperlinking?
What function does a graphic element play in hyperlinking?
When conducting a search for graphic editors, which keyword is relevant?
When conducting a search for graphic editors, which keyword is relevant?
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?
Flashcards are hidden until you start studying
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
typeattribute can change list item bullets and numbering
How to Add Images
- Use the
<img>tag to add images to the web page - The
srcattribute 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 withhrefattribute - 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.
