diff --git a/files/en-us/learn_web_development/core/css_layout/index.md b/files/en-us/learn_web_development/core/css_layout/index.md index 8a1542f869a1aeb..11b402619fb8cf2 100644 --- a/files/en-us/learn_web_development/core/css_layout/index.md +++ b/files/en-us/learn_web_development/core/css_layout/index.md @@ -44,7 +44,7 @@ These tutorials are not part of the learning pathway, but they are interesting n - : The multiple-column layout specification provides you with a method for laying content out in columns, as you might see in a newspaper. This article explains how to use this feature. - [Legacy layout methods](/en-US/docs/Learn_web_development/Core/CSS_layout/Legacy_Layout_Methods) - : Grid systems are a very common feature used in CSS layouts, and before CSS grid layout they tended to be implemented using floats or other layout features. You imagine your layout as a set number of columns (e.g. 4, 6, or 12), and then fit your content columns inside these imaginary columns. In this article we'll explore how these older methods work, in order that you understand how they were used if you work on an older project. -- [Supporting older browsers](Learn_web_development/Core/CSS_layout/Supporting_Older_Browsers) +- [Supporting older browsers](/en-US/docs/Learn_web_development/Core/CSS_layout/Supporting_Older_Browsers) - : Visitors to your website may include users who either use older browsers or use browsers that do not support the CSS features you've implemented. This is a common scenario on the web, where new features are continuously being added to CSS. Browsers differ in their support for these features because different browsers tend to prioritize implementing different features. This article explains how you as a web developer can use modern web techniques to ensure that your website remains accessible to users with older technology. ## See also diff --git a/files/en-us/learn_web_development/core/scripting/what_is_javascript/index.md b/files/en-us/learn_web_development/core/scripting/what_is_javascript/index.md index ebd013b41b6e218..f4017e6230b8e7f 100644 --- a/files/en-us/learn_web_development/core/scripting/what_is_javascript/index.md +++ b/files/en-us/learn_web_development/core/scripting/what_is_javascript/index.md @@ -130,7 +130,7 @@ There's a lot more available, too! However, don't get over excited just yet. You Here we'll actually start looking at some code, and while doing so, explore what actually happens when you run some JavaScript in your page. -Let's briefly recap the story of what happens when you load a web page in a browser (first talked about in our [What is CSS?](Learn_web_development/Core/Styling_basics/What_is_CSS#how_is_css_applied_to_HTML) article). When you load a web page in your browser, you are running your code (the HTML, CSS, and JavaScript) inside an execution environment (the browser tab). This is like a factory that takes in raw materials (the code) and outputs a product (the web page). +Let's briefly recap the story of what happens when you load a web page in a browser (first talked about in our [What is CSS?](/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS#how_is_css_applied_to_HTML) article). When you load a web page in your browser, you are running your code (the HTML, CSS, and JavaScript) inside an execution environment (the browser tab). This is like a factory that takes in raw materials (the code) and outputs a product (the web page). ![HTML, CSS and JavaScript code come together to create the content in the browser tab when the page is loaded](execution.png) diff --git a/files/en-us/learn_web_development/howto/tools_and_setup/checking_that_your_web_site_is_working_properly/index.md b/files/en-us/learn_web_development/howto/tools_and_setup/checking_that_your_web_site_is_working_properly/index.md index 2584065f2e3b576..f1e689f0691d7e3 100644 --- a/files/en-us/learn_web_development/howto/tools_and_setup/checking_that_your_web_site_is_working_properly/index.md +++ b/files/en-us/learn_web_development/howto/tools_and_setup/checking_that_your_web_site_is_working_properly/index.md @@ -168,4 +168,4 @@ Just keep in mind a handy keyboard shortcut: **Ctrl+C**. Ctrl+C sends an "interr Congratulations, your website is up and running for anyone to visit. That's a huge achievement. Now, you can start digging deeper into various subjects. - Since people can come to your website from all over the world, you should consider making it [accessible to everybody](/en-US/docs/Learn_web_development/Howto/Design_and_accessibility/What_is_accessibility). -- Is the design of your website a bit too rough? It's time to [learn more about CSS](Learn_web_development/Core/Styling_basics). +- Is the design of your website a bit too rough? It's time to [learn more about CSS](/en-US/docs/Learn_web_development/Core/Styling_basics). diff --git a/files/en-us/web/html/index.md b/files/en-us/web/html/index.md index 4a2e039286cc653..e8e9c9071dd1e7f 100644 --- a/files/en-us/web/html/index.md +++ b/files/en-us/web/html/index.md @@ -21,7 +21,7 @@ The articles below can help you learn more about HTML. - [Your first website: Creating the content](/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Creating_the_content) - : This article provides a brief tour of what HTML is and how to use it, aimed at people who are completely new to web development. -- [Structuring content with HTML](Learn_web_development/Core/Structuring_content) +- [Structuring content with HTML](/en-US/docs/Learn_web_development/Core/Structuring_content) - : Our [Learn web development](/en-US/docs/Learn_web_development) section's HTML module teaches all the HTML fundamentals from the ground up. ## Guides diff --git a/files/en-us/web/tutorials/index.md b/files/en-us/web/tutorials/index.md index 07d0bb0586f5d7a..9e78122a9b9abfe 100644 --- a/files/en-us/web/tutorials/index.md +++ b/files/en-us/web/tutorials/index.md @@ -17,7 +17,7 @@ These resources are created by forward-thinking companies and web developers who ### Introductory level -- [Structuring content with HTML](Learn_web_development/Core/Structuring_content) +- [Structuring content with HTML](/en-US/docs/Learn_web_development/Core/Structuring_content) - : Our introductory HTML learning module teaches HTML from the ground up — no previous knowledge required. It sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a webpage. - [Creating a Simple Web Page with HTML](https://www.theblogstarter.com/html-for-beginners/) - : An HTML guide for beginners that includes explanations of common tags, including HTML tags. Also includes a step-by-step guide to creating a basic web page with code examples.