jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-18 16:01:35 -04:00
Code Issues Projects Releases Wiki Activity

feat(curriculum): Add interactive example to address element lesson (#62698)

Browse Source
This commit is contained in:
Giftea ☕
2025-10-10 22:06:04 +01:00
committed by GitHub
parent feffa6ef35
commit b6588b005c
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/english/blocks/lecture-working-with-text-and-time-semantic-elements/672995e43674fb3775b9ec5d.md
View File

@@ -5,7 +5,7 @@ challengeType: 19
dashedName: how-do-you-display-addresses-in-html
---
# --description--
# --interactive--
The contact address element is used to represent contact information for a section on a web page. The `address` element is versatile and can be used for business pages, author pages, personal sites, and more.
@@ -13,6 +13,8 @@ When it comes to building out your website's contact sections, you should use th
Here is an example of using the `address` element for a company contact page:
:::interactive_editor
```html
<address>
<h2>Company Name</h2>
@@ -26,6 +28,8 @@ Here is an example of using the `address` element for a company contact page:
</address>
```
:::
In this example, there is the company name, physical address, phone, and email information. For the physical address, the line break element, `br`, is used to show the division between the street name, city, and country.
For the phone number, we have an anchor element with the `href` value set for telephone numbers. The `tel:+` value inside the `href` attribute creates a clickable link to initiate a phone call on certain devices that support that.