Skip to content

Commit bf9498d

Browse files
committed
Fix c1s1 typos. Thanks David!
1 parent a296d8c commit bf9498d

File tree

3 files changed

+12
-12
lines changed

3 files changed

+12
-12
lines changed

_sessions/c1s1/1_what_is_a_webpage.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ Back in the early days of the web HTML would both store the information and tell
4242

4343
#### Viewing HTML, CSS and js
4444

45-
Because the HTML, CSS and js are sent you your browser, it is easy for you to look at them. **There are no secrets in HTML, CSS or js.** If there's a part of a webpage that you like, it's easy to find out how it is coded and use the technique yourself.
45+
Because the HTML, CSS and js are sent to your browser, it is easy for you to look at them. **There are no secrets in HTML, CSS or js.** If there's a part of a webpage that you like, it's easy to find out how it is coded and use the technique yourself.
4646

4747
Every browser provides a way to look at the source of the page you're currently viewing. In Chrome you do `View > Developer > View Source`. This will show you the raw HTML but isn't always the easiest thing to look at.
4848

_sessions/c1s1/5_more_html.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: More HTML
33
---
4-
Now we will look at some slightly more interesting things you can do with HTML.
4+
Now we will look at some slightly more interesting things you can do with HTML.
55

66
### HTML file layout
77

@@ -20,7 +20,7 @@ Now we will look at some slightly more interesting things you can do with HTML.
2020
* The doctype tells you what sort of html you're using (html5, html4 ...). With html5 it's simple - you just write `html`.
2121
* Everything is wrapped in an `<html> ... </html>` tag
2222
* Things within the `<head> .. </head>` are used to provide information about the page
23-
* Only things within the `<body> ... </body>` tags are displayed on the page
23+
* Only things within the `<body> ... </body>` tags are displayed on the page
2424
* ... for example the text within `<title> ... </title>` will be displayed in the browser bar
2525

2626
### Headings
@@ -78,7 +78,7 @@ Now we will look at some slightly more interesting things you can do with HTML.
7878
{% endhighlight %}
7979

8080
* The `href` property tells you where the link will point
81-
* You can specify this link it different ways:
81+
* You can specify this link in different ways:
8282
* absolute external link e.g. "http://www.facebook.com"
8383
* absolute local link e.g. "/about". This links to a file relative to the root of your webserver. For example if your site is at `www.example.com` the link will point to `www.example.com/about`
8484
* relative local link e.g. "about". This links to a file relative to the current html document. In this case it will link to the file called `about` in the same folder as your current html file.
@@ -91,7 +91,7 @@ Now we will look at some slightly more interesting things you can do with HTML.
9191
<img alt='my cat' src="my_cat.png">
9292
{% endhighlight %}
9393

94-
* The `alt` tag is for providing a description of your image. This is useful for partially sighted people using screen readers, or in case the image doesn't load.
94+
* The `alt` tag is for providing a description of your image. This is useful for partially sighted people using screen readers, or in case the image doesn't load.
9595
* The file can be linked to in the same way as href. In the example above we use a relative local link to a file called `my_cat.png` in the same folder as the html file.
9696

9797
### Tables
@@ -124,11 +124,11 @@ Now we will look at some slightly more interesting things you can do with HTML.
124124

125125
Now you will use these ideas to create a richer web page.
126126

127-
{% exercise %}
128-
1. Go to the github repository for this session: [https://github.com/code61/learning_html](https://github.com/code61/learning_html)
129-
2. *Clone* the repository down into your `coding_course` folder (by clicking 'Clone in Desktop' in the bottom right).
130-
3. Open the whole folder in Sublime Text
131-
4. Open the file `example.html` in Chrome and look around with the developer tools
132-
5. Open the file `notes.html` in Sublime Text.
127+
{% exercise %}
128+
1. Go to the github repository for this session: [https://github.com/code61/learning_html](https://github.com/code61/learning_html)
129+
2. Download the code into your `coding_course` folder (by clicking 'Download ZIP' in the bottom right).
130+
3. Open the whole folder in Sublime Text
131+
4. Open the file `example.html` in Chrome and look around with the developer tools
132+
5. Open the file `notes.html` in Sublime Text.
133133
6. Change `notes.html` into valid html so that it looks like `notes_solution.jpg`
134134
{% endexercise %}

_sessions/c1s4/1_recap.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ already have one, that's fine - just add another one.)
1919
{% exercise %}
2020
1. Create a new file in sublime text and save it as `main.css` in your
2121
first_site folder.
22-
2. Put a CSS rule in that file (e.g. 'h1 {color: red}')
22+
2. Put a CSS rule in that file (e.g. `h1 {color: red}`)
2323
3. Put a link to the file from the head section of your index.html file.
2424
4. Make sure you can see the style when you open index.html in chrome.
2525
5. Save, push and deploy your changes.

0 commit comments

Comments
 (0)