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>

Links

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.