This training is all about editing the HTML source code of a website. If you haven't already completed the "Inspecting Source" training, we recommend you do that first.
- - -How?
-Here's a quick refresher- there are a few ways you can view the source code of a website:
--
-
- Pressing the F12 key on your keyboard -
- Right clicking the part of the page (element) you want to inspect, then clicking "Inspect" -
- Right clicking the page, then clicking "View Page Source" -
For this training, the second way is what we will be using. It should look a little something like this.
- - }})
-
- When inspecting an element of source code, we can edit it's values to change how it behaves. This allows us to do all sorts of hacky things like allowing us to change text, use disabled fields, and find hidden buttons.
- -Try editing this paragraph to say anything you want! Right click, inspect element, click the dropdown arrows, then double click the text inside the <p> </p> tags and type your message.
- - }})
-
- The changes you make this way are only temporary so will not save if you refresh the page. But it can be fun to edit your favourite sites this way and it’s a cool way to prank your friends. Here’s an example of editing the headline and image code on a new article…
- }})
+ Robots.txt
+Have you ever heard of robots.txt? This is a file that can be found on almost all website. To get there, you just add /robots.txt the the URL of a website.
Have a look at YouTube's robot.txt file, or visit your own favourite website and see if it has a robots.txt file.
+ +Which of these URLs would be the right way to get to the robots.txt of the BBC website?
+| + | + |
| + | + |
Next we're going to talk about what robots.txt is used for, and delve into how search engines do their job.