mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-06-19 21:09:51 +08:00
fix(curriculum): add internal links using href and id to review pages (#63593)
Co-authored-by: Vardhu32 <vardhu9550@gmail.com> Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
parent
8a9035a774
commit
35f3f4bd5b
@ -58,6 +58,7 @@ Review the concepts below to prepare for the upcoming prep exam.
|
||||
- **Absolute vs. relative paths**: Navigating directories.
|
||||
- **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
|
||||
- **Link states**: Managing different link interactions (hover, active).
|
||||
- **Internal links**: Linking to another section of the page by using `href="#id"` on an `a` element and giving the destination element the same `id`.
|
||||
|
||||
## Importance of Semantic HTML
|
||||
|
||||
|
||||
@ -223,6 +223,17 @@ The `lang` attribute inside the open `i` tag is used to specify the language of
|
||||
</p>
|
||||
```
|
||||
|
||||
- **Internal links**: used to link to another section of the page by using `href="#id"` on an `a` element and giving the destination element the same `id`. This is commonly used for skip links, table of contents, or long pages with multiple sections.
|
||||
|
||||
```html
|
||||
<a href="#about-section">Go to About Section</a>
|
||||
|
||||
<section id="about-section">
|
||||
<h2>About</h2>
|
||||
<p>This is the about section of the page.</p>
|
||||
</section>
|
||||
```
|
||||
|
||||
# --assignment--
|
||||
|
||||
Review the Semantic HTML topics and concepts.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user