".
### **2. Linking to Other Web Pages**
You can create links to internal pages of your website or external websites.
* **Internal Link Example:**
```html
About Us
```
* **External Link Example:**
```html
Go to Google
```
### **3. Opening Links in a New Tab**
To open a link in a new tab, use the `target="_blank"` attribute. This is often used for external websites.
* **Example:**
```html
Visit Example in New Tab
```
### **4. Using Links with Email (mailto)**
You can create a link that opens the user’s default email client to send an email.
* **Syntax:**
```html
Send an Email
```
* **Example:**
Clicking the link will open the default email client and prefill the "To" field.
### **5. Creating Links to Phone Numbers**
You can create links that **allow users to call a phone number directly** if they're using a mobile device or an app that supports calling.
* **Syntax:**
```html
Call Us
```
* **Example:**
```html
Call +1 123-456-7890
```
### **6. Downloadable Links**
You can add the `download` attribute to make a link download a file instead of navigating to it.
* **Syntax:**
```html
Download PDF
```
* **Example:**
```html
Download the report
```
When the link is clicked, the browser will download the `report.pdf` file.
### **7. Linking to a Specific Section of a Web Page (Anchor Links)**
You can link to a specific part of the same page or another page using `id` attributes and anchor links.
* **Example of Linking to a Section on the Same Page:**
Create an `id` in the section you want to link to:
```html
Section 1
This is section 1.
```
Then create a link to that section:
```html
Go to Section 1
```
* **Example of Linking to a Section on Another Page:**
```html
Go to Team Section
```
### **8. Styling Links**
By default, links are **blue** and **underlined**, but you can style them using CSS. Common states of a link are:
* **Normal (unvisited)**: This is the default look of a link.
* **Hover**: What happens when a user hovers the mouse over the link.
* **Visited**: The appearance of a link after it’s been clicked.
* **Active**: The appearance of the link when it’s clicked and held.
* **Example:**
```html
```
### **9. Complete Example of Links in HTML**
```html
HTML Links Example
Working with Links in HTML
Here is a link to Example.com.
Contact us via email: Send an Email
Call us at +1 123-456-7890.
Download our brochure: Download PDF
Jump to Section 1
Section 1
This is Section 1 content.
Back to Top
```
This guide covers everything you need to know to start working with links in HTML, from simple links to anchor links and downloadable files.
### Keywords
`HTML`, `Hypertext Markup Language`, `Tags`, `Elements`, `Attributes`, `Head`, `Body`, `Paragraph`, `Heading`, `Title`, `Meta`, `Link`, `Image`, `Anchor`, `Hyperlink`, `List`, `Table`, `Form`, `Input`, `Button`, `CSS`, `Class`, `ID`, `Inline`, `Block`, `Div`, `Span`, `Script`, `Styles`, `Font`, `Color`, `Background`, `Margin`, `Padding`, `Border`, `Doctype`, `HTML5`, `Video`, `Audio`, `Canvas`, `SVG`
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://netsec.nerd-cafe.ir/web-development/html/working-with-links.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.