Class 10 Exam  >  Class 10 Notes  >  Computer Application: Class 10  >  Chapter Notes: HTML Advanced - List & Links

HTML Advanced - List & Links Chapter Notes | Computer Application: Class 10 PDF Download

Lists


1. Ordered Lists:

  • Used to create a numbered list.
  • <ol> tag is used to define an ordered list.
  • Each list item is defined by the <li> tag.

<ol>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ol>

2. Unordered Lists:

  • Creates a bulleted list.
  • Defined using the <ul> tag.
  • List items are defined with the <li> tag.

<ul>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ul>

3. Definition Lists:

  • Used for a list of terms and their corresponding definitions.
  • Consists of <dl> (definition list), <dt> (term), and <dd> (definition).

<dl>

  <dt>Term 1</dt>

  <dd>Definition 1</dd>

  <dt>Term 2</dt>

  <dd>Definition 2</dd>

</dl>


1. Creating Links:

  • Hyperlinks are created using the <a> (anchor) tag.
  • The href attribute specifies the destination URL.

<a href="https://www.example.com">Visit Example.com</a>

2. Linking to Other Pages:

  • Use relative paths to link to pages within the same website.

<a href="about.html">About Us</a>

3. Linking to Sections on the Same Page:

  • Use # followed by the section ID to link to sections on the same page.

<a href="#section1">Jump to Section 1</a>

4. Linking to Email:

  • Use mailto: followed by the email address to create a link to send an email.

<a href="mailto:info@example.com">Email Us</a>

5. Opening Links in a New Tab:

  • Use the target="_blank" attribute to open the link in a new tab.

<a href="https://www.example.com" target="_blank">Visit Example.com</a>

6. Linking to Files:

  • Linking to various file types (PDF, images, etc.) is similar, use the href attribute.

<a href="document.pdf">Download PDF</a>

Important Tips:

  • Keep the structure clean and organized.
  • Use meaningful text for links.
  • Test links to ensure they work correctly.
  • Provide alternative text for images used as links using the alt attribute.

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

Top Courses for Class 10

FAQs on HTML Advanced - List & Links Chapter Notes - Computer Application: Class 10

1. What are the different types of lists in HTML?
Ans. HTML provides three types of lists: ordered lists (<ol>), unordered lists (<ul>), and definition lists (<dl>). Ordered lists are numbered lists, unordered lists are bulleted lists, and definition lists are used to define terms.
2. How do you create an ordered list in HTML?
Ans. To create an ordered list in HTML, you use the <ol> tag. Each list item is defined using the <li> tag, and the items will be automatically numbered. For example: <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>
3. What is the purpose of using the <dl> tag in HTML?
Ans. The <dl> tag is used to create definition lists in HTML. It consists of a series of term and definition pairs. The term is defined using the <dt> tag, and the definition is defined using the <dd> tag. For example: <dl> <dt>Term 1</dt> <dd>Definition 1</dd> <dt>Term 2</dt> <dd>Definition 2</dd> </dl>
4. How do you create a hyperlink in HTML?
Ans. To create a hyperlink in HTML, you use the <a> tag. The href attribute is used to specify the URL of the page you want to link to. For example: <a href="https://www.example.com">Click here</a> This will create a hyperlink with the text "Click here" that will open the specified URL when clicked.
5. Can you create nested lists in HTML?
Ans. Yes, you can create nested lists in HTML. This means that you can have lists within lists. To create a nested list, you simply include a new <ul>, <ol>, or <dl> tag within an existing list item. For example: <ul> <li>Item 1</li> <li>Item 2 <ul> <li>Sub-item 1</li> <li>Sub-item 2</li> </ul> </li> <li>Item 3</li> </ul> In the above example, "Sub-item 1" and "Sub-item 2" are nested within "Item 2".
11 videos|49 docs|18 tests
Download as PDF
Explore Courses for Class 10 exam

Top Courses for Class 10

Signup for Free!
Signup to see your scores go up within 7 days! Learn & Practice with 1000+ FREE Notes, Videos & Tests.
10M+ students study on EduRev
Related Searches

Viva Questions

,

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

,

MCQs

,

Exam

,

Extra Questions

,

video lectures

,

Important questions

,

mock tests for examination

,

ppt

,

Previous Year Questions with Solutions

,

Objective type Questions

,

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

,

study material

,

Semester Notes

,

past year papers

,

shortcuts and tricks

,

pdf

,

Free

,

Sample Paper

,

practice quizzes

,

Summary

,

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

;