checkmark

HTML

Introduction to Web and HTML

How the Web Works What is HTML Why Learn HTML

HTML Basics

HTML Structure and Syntax HTML Tags HTML Elements HTML Attributes Anatomy of an HTML Document Creating Your First HTML Page

HTML Document Structure

Document Type Declaration (<!DOCTYPE>) The `<html>` Element The `<head>` Section The `<meta>` Element The `<title>` Element The `<body>` Element HTML Comments

Text Formatting

Headings (<h1> to <h6>) Paragraphs (`<p>`) Line Breaks (`<br>`) Text Formatting Tags Preformatted Text (`<pre>`)

Lists

Unordered Lists (<ul> and <li>) Ordered Lists (<ol> and <li>) Definition Lists (<dl>, <dt>, and <dd>)

Links

Anchor Tags (<a>) Internal Links in html External Links in html Links to Email Addresses Linking to Other Resources Link Target Attributes Image Links

Images

Inserting Images (<img>) Image Attributes Image Formats (JPEG, PNG, GIF) Image Size and Alignment Image Maps

HTML Forms

HTML Form Structure Text Fields and Textareas Radio Buttons and Checkboxes Dropdowns / Select Box Text, Password, and Email Inputs in HTML Forms Date and Time Inputs in HTML Forms Submit and Reset Buttons Form Elements Attributes Form Validation Grouping Form Elements File Uploads Creating a Contact Form

Tables

Table Structure Table Rows and Columns Table Headers Table Data Table Captions Table Borders and Styling Spanning Rows and Columns

Multimedia

Embedding Audio (<audio>) Embedding Video (<video>) Video Formats (MP4, WebM, Ogg) Multimedia Attributes

HTML5 Sematic Elements

HTML5 Structural Elements Role of Semantic Elements Accessibility and SEO

HTML Entities

Special Characters and Symbols Common HTML Entities
menu Back to Edkool

Linking to Other Resources

Linking to Other Resources

In HTML, you can create hyperlinks that connect your web pages to various types of resources beyond just websites. These links can point to documents, images, audio files, or any type of file that you want to share with your users. By using the anchor tag <a>, you can easily link to these resources. Here's how to create and use these links effectively:

Creating Links to Other Resources

To create a link to a resource other than a web page, you still use the anchor element <a>. However, the href attribute points to the location of the resource. The location can be specified using either an absolute URL or a relative path, just like with web pages.

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

In this example, the link points to a PDF document located in a "documents" directory on your web server. When users click this link, their browser will either open the PDF or prompt them to download it.

Linking to Images and Media

You can link to images, audio, video, or any other media files using the same method. Just set the href attribute to the file's location:

<a href="images/pic.jpg">View Image</a>

For audio and video files, browsers will typically provide built-in players or open an external application for playback when the link is clicked.

Styling Resource Links

Resource links can be styled with CSS to change their appearance, such as text color, underlines, and hover effects, just like any other links:

<!-- HTML -->
<a href="documents/report.docx" class="custom-link">Download Report</a>

<!-- CSS -->
<style>
  .custom-link {
    color: #0077b6; /* Set link text color */
    text-decoration: none; /* Remove underlines */
  }

  .custom-link:hover {
    text-decoration: underline; /* Add underline on hover */
  }
</style>

Accessibility Considerations

Ensure that the link text is descriptive and indicates the linked resource accurately. This benefits both users and search engines. Maintain proper document structure for accessibility so that assistive technologies can interpret the link's purpose effectively.

In summary, HTML links can be used to connect your web pages to various types of resources, such as documents, images, audio files, and more. This enhances user experience by providing easy access to the content they need.

Previous Links to Email Addresses
Next Link Target Attributes