mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-06-22 21:08:12 +08:00
fix: make The Odin Project links target blanks (#52705)
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Sem Bauke
GitHub
parent
1407dcbda5
commit
6c8697f036
@ -6,7 +6,7 @@ dashedName: introduction-flexbox-question-g
|
||||
---
|
||||
# --description--
|
||||
|
||||
Search through [our handbook](https://www.freecodecamp.org/news/the-css-flexbox-handbook) and find the answer to the question below.
|
||||
Search through <a href="https://www.freecodecamp.org/news/the-css-flexbox-handbook" target="_blank">our handbook</a> and find the answer to the question below.
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@ dashedName: introduction-flexbox-question-h
|
||||
---
|
||||
# --description--
|
||||
|
||||
Search through [our handbook](https://www.freecodecamp.org/news/the-css-flexbox-handbook) and find the answer to the question below.
|
||||
Search through <a href="https://www.freecodecamp.org/news/the-css-flexbox-handbook" target="_blank">our handbook</a> and find the answer to the question below.
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@ dashedName: introduction-flexbox-question-i
|
||||
---
|
||||
# --description--
|
||||
|
||||
Search through [our handbook](https://www.freecodecamp.org/news/the-css-flexbox-handbook) and find the answer to the question below.
|
||||
Search through <a href="https://www.freecodecamp.org/news/the-css-flexbox-handbook" target="_blank">our handbook</a> and find the answer to the question below.
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@ dashedName: introduction-flexbox-question-j
|
||||
---
|
||||
# --description--
|
||||
|
||||
Search through [our handbook](https://www.freecodecamp.org/news/the-css-flexbox-handbook) and find the answer to the question below.
|
||||
Search through <a href="https://www.freecodecamp.org/news/the-css-flexbox-handbook" target="_blank">our handbook</a> and find the answer to the question below.
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -27,7 +27,7 @@ Using the correct elements for content is called semantic HTML. You will explore
|
||||
|
||||
# --assignment--
|
||||
|
||||
Watch Kevin Powell’s [Introduction to HTML video](https://www.youtube.com/watch?v=LGQuIIv2RVA&list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-)
|
||||
Watch Kevin Powell’s <a href="https://www.youtube.com/watch?v=LGQuIIv2RVA&list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-" target="_blank">Introduction to HTML video</a>
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -21,7 +21,7 @@ Build some muscle memory by deleting the contents of the `index.html` file and t
|
||||
|
||||
---
|
||||
|
||||
Run your boilerplate through this [HTML validator](https://www.freeformatter.com/html-validator.html). Validators ensure your markup is correct and are an excellent learning tool, as they provide feedback on syntax errors you may be making often and aren’t aware of, such as missing closing tags and extra spaces in your HTML.
|
||||
Run your boilerplate through this <a href="https://www.freeformatter.com/html-validator.html" target="_blank">HTML validator</a>. Validators ensure your markup is correct and are an excellent learning tool, as they provide feedback on syntax errors you may be making often and aren’t aware of, such as missing closing tags and extra spaces in your HTML.
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -21,7 +21,7 @@ To use images that you have on your own websites, you can use a relative path.
|
||||
|
||||
- Create a new directory named `images` within the `odin-links-and-images` project.
|
||||
|
||||
- Next, download [this image](https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640) and move it into the `images` directory you just created.
|
||||
- Next, download <a href="https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640" target="_blank">this image</a> and move it into the `images` directory you just created.
|
||||
|
||||
- Rename the image to `dog.jpg`.
|
||||
|
||||
|
||||
@ -20,7 +20,7 @@ To use images that you have on your own websites, you can use a relative path.
|
||||
|
||||
- Create a new directory named `images` within the `odin-links-and-images` project.
|
||||
|
||||
- Next, download [this image](https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640) and move it into the images directory you just created.
|
||||
- Next, download <a href="https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640" target="_blank">this image</a> and move it into the images directory you just created.
|
||||
|
||||
- Rename the image to `dog.jpg`.
|
||||
|
||||
|
||||
@ -20,7 +20,7 @@ To use images that you have on your own websites, you can use a relative path.
|
||||
|
||||
- Create a new directory named `images` within the `odin-links-and-images` project.
|
||||
|
||||
- Next, download [this image](https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640) and move it into the images directory you just created.
|
||||
- Next, download <a href="https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640" target="_blank">this image</a> and move it into the images directory you just created.
|
||||
|
||||
- Rename the image to `dog.jpg`.
|
||||
|
||||
|
||||
@ -20,7 +20,7 @@ To use images that you have on your own websites, you can use a relative path.
|
||||
|
||||
- Create a new directory named `images` within the `odin-links-and-images` project.
|
||||
|
||||
- Next, download [this image](https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640) and move it into the images directory you just created.
|
||||
- Next, download <a href="https://unsplash.com/photos/Mv9hjnEUHR4/download?force=true&w=640" target="_blank">this image</a> and move it into the images directory you just created.
|
||||
|
||||
- Rename the image to `dog.jpg`.
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ In the Elements pane, you can see the entire HTML structure of your page. You ca
|
||||
|
||||
|
||||
|
||||
When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on [the TOP homepage](https://www.theodinproject.com/), on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:
|
||||
When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on <a href="https://www.theodinproject.com/" target="_blank">the The Odin Project homepage</a>, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:
|
||||
|
||||
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ In the Elements pane, you can see the entire HTML structure of your page. You ca
|
||||
|
||||
|
||||
|
||||
When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on [the TOP homepage](https://www.theodinproject.com/), on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:
|
||||
When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on <a href="https://www.theodinproject.com/" target="_blank">the The Odin Project homepage</a>, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:
|
||||
|
||||
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-h
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-i
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-j
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-k
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-l
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ dashedName: the-box-model-question-m
|
||||
---
|
||||
# --description--
|
||||
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with [this lesson from MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model). It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!
|
||||
|
||||
# --question--
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user