Chapter Notes: HTML Advanced - List & Links Notes | EduRev

Computer Application: Class 10

Class 10 : Chapter Notes: HTML Advanced - List & Links Notes | EduRev

The document Chapter Notes: HTML Advanced - List & Links Notes | EduRev is a part of the Class 10 Course Computer Application: Class 10.
All you need of Class 10 at this link: Class 10

➢ HTML lists: Lists provide the information in a structured and easy to read format. The data item on the webpage can be catalogued or indexed. The index that is formed using numbers like 1, 2, 3,… letters like a, b, c, ... or symbols like → ,circle, square, disc is called a List in HTML. These lists help in formatting the data and put them in a particular order. There are three types of lists that you can use in HTML.
➢ These are:

  • UL - creates an unordered or bulleted list
  • OL - creates an ordered or numbered list
  • DL - creates a definition or glossary list

➢ Unordered list <ul>....</ul> It classifies the data items that have equal importance i.e. none of the data items are ranked. They are identified by a symbol. It may be a □ square, a o circle or a • disc.
➢ Ordered lists <ol> ... </ol> It classifies the data items that do not have equal importance. All the data items are ranked. The ranking can be done using the numbers, the Roman numerals or letters.
➢ Definition term lists <dl>....</dl> Definition lists (<dl>) are the list elements that have an array of tags. The list prepared by <dl> tag is similar to a dictionary. The other tags used with this are <dt> to define the definition term and the <dd> for the definition of the list item.
➢ Inserting audio or video: When you prepare a webpage, an audio or moving picture makes the page impressive and pleasing. When you want to show the operations of your business, you can do so by inserting a movie. Both the audio and video can be inserted using a plug-in. A plug-in is a small computer program that extends the standard functionality of the browser. You can insert such plug-in using the <embed> tag. The embed tag acts as container to non-HTML- resource.

  • The <embed> element is used to insert audio. The <embed> tag defines a container for external (non-HTML) content. The non-HTML contents are the objects other than the text and the graphics used in HTML. They are sound effects, the video clips and moving pictures. If you want to insert a song at the background of the webpage, use the following code to embed a MP3 file in the webpage.
    <embed height="50" width="100" src="https://cdn3.edurev.in/roar.mp3">

➢ The above code displays an audio player (of the dimensions as specified in the code) on one corner of the web page . The songs begin to play, the moment the webpage gets opened. However, the user can stop or pause the song whenever desired. If you want to place the audio player in the center, you can use the center element since it does not have another attribute to place it in center of the window.

  • The “autoplay” attribute of <audio> specifies that the audio will start playing as soon as it is ready. The song inserted at the background of the webpage, use the following code to embed and auto play a MP3 file in the webpage.
    <audio controls autoplay> <embed height="50" width="100" src="https://cdn3.edurev.in/oar.mp3"> </audio> 

➢ The above code displays an audio player on one corner of the web page and the songs begin to play automatically, the moment the webpage gets opened.
➢ Inserting video: A video file is recognized by the extension .mp4 or .avi.
Chapter Notes: HTML Advanced - List & Links Notes | EduRev➢ Inserting video using "preload" attribute: This attribute was formerly known as "autobuffer" and it was an boolean attribute as "controls".

  • none - does not buffer video file automatically.
  • metadata - only buffers the metadata of video
  • auto - buffer video file before it gets played. Use the following code to insert the video movie in the webpage, you can use the “preload” attribute with embed tag as shown below:

Chapter Notes: HTML Advanced - List & Links Notes | EduRev➢ Links: An anchor element is used to create a hyperlink in a webpage. The word anchor has come from the function performed by anchor in a ship. As an anchor supports the ship when it reaches the shore, similarly, the linked document supports the text or the picture on the homepage.
An anchor element consists of three parts: 
1. The start tag <a> containing the attribute like href (mandatory), target (optional), name (optional) 2
2. The text or the image to be hyperlinked
3. The end tag </a>.
➢ The basic syntax of anchor tag is:
Chapter Notes: HTML Advanced - List & Links Notes | EduRev➢ The attributes of anchor tag are href, name and target.

  • To link to a named anchor, add a hash mark (#) to the end of the Uniform Resource Locator of the webpage followed by the name of the section.
  • We can create an e-mail link on our webpage. The browser will read an e-mail link, using the value starting with “mailto:” rather than http://, with your e-mail address rather than a web address.
    The syntax is given below: 
    <A HREF-’mailto: ABC@ncertbooks.com”>Contact us </A> 

Know the Terms 

➢ Definition lists: Lists showing definition and descriptions ( like a dictionary)
➢ Ordered lists: Indented lists having numbers or letters in front of every list item
➢ Unordered lists: Bulleted lists

Offer running on EduRev: Apply code STAYHOME200 to get INR 200 off on our premium plan EduRev Infinity!

Related Searches

Objective type Questions

,

Summary

,

Previous Year Questions with Solutions

,

Viva Questions

,

Chapter Notes: HTML Advanced - List & Links Notes | EduRev

,

pdf

,

Chapter Notes: HTML Advanced - List & Links Notes | EduRev

,

Important questions

,

ppt

,

practice quizzes

,

Sample Paper

,

Semester Notes

,

study material

,

Extra Questions

,

video lectures

,

shortcuts and tricks

,

Exam

,

MCQs

,

Free

,

mock tests for examination

,

Chapter Notes: HTML Advanced - List & Links Notes | EduRev

,

past year papers

;