Lists, Images and Links in HTML

Quick Check

Fill in the blanks.

  1. An unordered list is a list of items that are marked with bullets.
  2. To create an ordered list, you use the <OL> tag and each item in the list starts with the <LI> tag.
  3. The START attribute in an ordered list specifies the number (or letter) with which the list would start.
  4. The reversed attribute in an ordered list specifies that the list order should be descending.
  5. To change the bullet style to square in an unordered list, the TYPE attribute needs to be set to square.

Choose True or False for the following statements.

  1. The <marquee> tag is a standard HTML tag used to create a scrolling text or image on a web page. True
  2. To display an image on a web page, you can use the <IMG> tag and specify the image source (SRC) using the SRC attribute. True
  3. Including the ALT attribute for an image is a recommended practice to provide alternate text if the browser cannot load the image. True
  4. The mailto: tag is used to create hyperlinks that allow visitors to send an e-mail message directly from a web page. True

Time to Perform

A Fill in the blanks.

  1. Lists are one of the ways to provide information in a structured and easy-to-read format.
  2. A list of items that are marked with bullets is called the unordered list.
  3. A list that is marked with numbers is the ordered list.
  4. The type attribute specifies the number (or letter) with which the list would start.
  5. The reversed is a Boolean attribute.

B State whether the following statements are true or false.

  1. The list starts with the <UL> tag and each item in the list starts with the <LI> tag. True
  2. The unordered list starts with the <OL> tag and each item in the list starts with the </LI> tag. False
  3. The Start attribute takes a number as value. True
  4. Reversed attribute specifies that the list order should be ascending. False
  5. The Type attribute specifies the type of numbering and bullets used in the list. True

C Name the following.

  1. A list within a list. Nested List
  2. Non-standard HTML tag used to create a scrolling text. MARQUEE
  3. Value of the SRC attribute. Image Address
  4. Syntax to define the image. <IMG SRC = “address”>
  5. Attribute to define an alternate text for an image. ALT

D Match the following.

  1. Pixels or % defines the height of marquee.
  2. Pixels specifies horizontal space around the marquee.
  3. Seconds defines how long to delay between each jump.
  4. Color value specifies the background color.
  5. Number defines how far to jump.

E Answer the following questions.

  1. Write a note on lists and its types.
    Lists are useful in providing information in a structured format.
    The three types of lists are:
    a) Unordered lists: Here, the items are marked with bullets.
    b) Ordered lists: Here, the items are marked with numbers (or letters).
    c) Definition lists: It is a list of items with their explanations.
  2. Describe the nested list and the marquee tag.
    A list within a list is called a nested list. The <marquee> tag creates a scrolling text or an image.
  3. Differentiate between the two types of hyperlinks.
    Following are the two types of links:
    a) External Hyperlink: It directs to another location in a different web page.
    b) Internal Hyperlink: It directs to different sections of the same web page.
  4. How are images used as hyperlinks?
    By placing the <IMG> tag within the <A> tag.
  5. How will you add e-mail link on a web page? Explain giving an example.
    Using the mailto link.
    < href = “mailto:askboard@microsoft.com”>

Extra Questions.

  1. Unordered list is also known as bulleted list.
  2. Ordered list is used where it is required to count the number of items.
  3. The <DT> tag starts the definition title and the <DD> tag starts the definition description.
  4. The image that is displayed when the web page is opened is called inline image.
  5. The images that are not displayed automatically with other content on the web page is called external image.
  6. mailto saves our time. True
  7. Ordered lists can be nested in an unordered list and vice-versa. True
  8. Give the full forms:
    a) GIF – Graphic Interchange Format
    b) XBM – X Bitmap
    c) JPEG – Joint Photographic Experts Group
  9. Name the three types of bullets used in unordered lists.
    a) Circle
    b) Disc (default)
    c) Square
  10. Name the 4 possible values for the direction attribute in the <marquee> tag.
    a) up
    b) down
    c) left
    d) right

Leave a Reply

Your email address will not be published. Required fields are marked *