HTML 4.01 Basics
37 Questions
0 Views

HTML 4.01 Basics

Created by
@AuthoritativeLilac2907

Podcast Beta

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?

    <p>Tags are usually written in small letters</p> 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?

    <p>HTML treats all white space as a single blank space</p> Signup and view all the answers

    What is the significance of nesting HTML tags correctly?

    <p>Ensures the integrity of the document structure</p> Signup and view all the answers

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

    <p>Tags should be case sensitive</p> Signup and view all the answers

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

    <p>To write HTML documents</p> Signup and view all the answers

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

    <br> Signup and view all the answers

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

    <p>Refresh/reload the browser</p> 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?

    <p>Create a new folder</p> Signup and view all the answers

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

    <p>Task manager</p> Signup and view all the answers

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

    <p> Signup and view all the answers

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

    <p>A primary heading</p> Signup and view all the answers

    What is the primary aim of MyLibrary?

    <p>To be the country's public virtual library.</p> 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?

    <p>A numbered (ranked) list.</p> Signup and view all the answers

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

    <p>They cannot be presented visually.</p> 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?

    <p>The style of the list markers.</p> Signup and view all the answers

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

    <p>They are centered around multimedia and user education.</p> Signup and view all the answers

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

    <p>By combining different types of lists and nesting.</p> Signup and view all the answers

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

    <p>It determines the source file location of the image.</p> Signup and view all the answers

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

    <p>Hiring a professional photographer each time.</p> 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?

    <p>collection.htm and services.htm</p> Signup and view all the answers

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

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

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

    <p>A high level of creativity and dedication.</p> Signup and view all the answers

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

    <p>To create hyperlinks to other documents</p> Signup and view all the answers

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

    <p>Hypertext Reference</p> Signup and view all the answers

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

    <p>Images and other media</p> Signup and view all the answers

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

    <p>Using the mailto: prefix</p> Signup and view all the answers

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

    <p>Use external CSS for all styling</p> Signup and view all the answers

    What function does a graphic element play in hyperlinking?

    <p>It serves as a clickable object to navigate</p> Signup and view all the answers

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

    <p>Graphic editors freeware</p> Signup and view all the answers

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

    <p>Establish a link from other pages back to basic.htm</p> 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
        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)
      • 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.

    Quiz Team

    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.

    Use Quizgecko on...
    Browser
    Browser