You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _sessions/c1s1/4_first_page.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
title: Creating an HTML page
3
3
---
4
4
5
-
One of the nice things about HTML is you don't need a lot to test it out on your laptop: all you need is a text editor and a web browser.
5
+
One of the nice things about HTML is you don't need any fancy software to test it out on your laptop: all you need is a text editor and a web browser.
6
6
7
7
{% exercise %}
8
8
1. Inside your `coding_course` folder create another folder called `first_site`.
@@ -17,15 +17,15 @@ One of the nice things about HTML is you don't need a lot to test it out on your
17
17
18
18
### Why index.html?
19
19
20
-
In the old days of the web, navigating a website was a lot more like moving around the folder system on your laptop. You'd go to a base site and there would just be a list of the files and folders available: an index. Because of this `index.html` is still the default file that a server will serve when you navigate to a folder in the web browser.
20
+
In the old days of the web, navigating a website was a lot more like moving around the folder system on your laptop. You would go to a base site and there would just be a list of the files and folders available: an index. Because of this `index.html` is still the default file that a server will serve when you navigate to a folder in the web browser.
21
21
22
22
{% exercise %}
23
23
1. Go back to 'index.html' in Sublime Text.
24
24
2. Change the text to
25
25
{% highlight html %}
26
26
<h1>Hello</h1>
27
-
{% endhighlight %}
27
+
{% endhighlight %}
28
28
3. Go back to 'index.html' in Chrome and refresh the page (Cmd-R)
29
29
{% endexercise %}
30
30
31
-
This is your first real html tag. It has an open and a close. It tells it to be a heading.
31
+
This is your first line of HTML. It has an open tag and a close tag. They tell your browser to display the text in-between as a heading.
Copy file name to clipboardExpand all lines: _sessions/c1s1/5_more_html.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -19,9 +19,9 @@ Now we will look at some slightly more interesting things you can do with HTML.
19
19
20
20
* The doctype tells you what sort of html you're using (html5, html4 ...). With html5 it's simple - you just write `html`.
21
21
* Everything is wrapped in an `<html> ... </html>` tag
22
+
* Things within the `<head> .. </head>` are used to provide information about the page
22
23
* Only things within the `<body> ... </body>` tags are displayed on the page
23
-
* Things within the `<head> .. </head>` are used to provide more information about the page
24
-
* .. for exmple the thing within `<title> ... </title>` will be displayed in the browser bar
24
+
* ... for example the text within `<title> ... </title>` will be displayed in the browser bar
25
25
26
26
### Headings
27
27
@@ -31,7 +31,7 @@ Now we will look at some slightly more interesting things you can do with HTML.
31
31
<h3>Lower level heading</h3>
32
32
{% endhighlight %}
33
33
34
-
* There are six levels of heading `h1` .. `h6`
34
+
* There are six levels of heading `h1` ...`h6`
35
35
* The higher numbers are more important
36
36
* It's usual to only have one `h1` on a page
37
37
* You rarely see anything below `h4` in real pages
@@ -82,8 +82,8 @@ Now we will look at some slightly more interesting things you can do with HTML.
82
82
* absolute external link e.g. "http://www.facebook.com"
83
83
* 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`
84
84
* 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.
85
-
* You can also link to places in the same document using `href="#my_tag"`. This
86
-
* You can get the link to open in a new tag like this: `<a href="http://www.facebook.com" target="_blank">`
85
+
* You can also link to places in the same document using `href="#my_tag"`. More on this later.
86
+
* You can get the link to open in a new tab like this: `<a href="http://www.facebook.com" target="_blank">`
0 commit comments