You've already started watching Marketing home page, Free Course Module - Nick Pettit
This video is for the Marketing site's Free Course Module A/B test.
-
0:00
Hi, I'm Nick.
-
0:01
Welcome to Treehouse, the best way to learn technology skills like how to make
-
0:05
websites and build mobile apps.
-
0:08
We can even help you land your dream job.
-
0:11
If you've never written code or programmed computers before, don't worry,
-
0:15
you're in the right place.
-
0:16
I want to show you step by step what it's like to learn on Treehouse, and
-
0:21
how you can start making your own custom web page.
-
0:24
Every web page uses HyperText Markup Language, or HTML.
-
0:29
That sounds a little complicated, but it just means that HTML is a way of creating
-
0:34
content like text and images that can be connected together using links,
-
0:39
which usually look like blue underlined text.
-
0:42
Let's take a look at an example.
-
0:45
Here, I have what's a called a text editor.
-
0:48
This is a special type of app where you can write your code.
-
0:51
Treehouse includes a text editor called Workspaces
-
0:55
that makes it easy to get started.
-
0:57
Inside my text editor I have a file open with some text.
-
1:02
There's a header and there's a paragraph.
-
1:06
Earlier I said HTML is a markup language.
-
1:10
That means that we can use it to enhance this text and mark it up,
-
1:14
just like a teacher or a copy editor might give you notes on an assignment.
-
1:18
Let's tell the computer that this first line of text
-
1:23
is a header by using what are called HTML tags.
-
1:28
First, we'll type an opening angle bracket, followed by the letter h,
-
1:33
and then the number one, and then a closing angle bracket.
-
1:39
The number one just means that this is the most important header on the page.
-
1:44
If we wanted to have additional subheaders like you might see in a magazine or
-
1:47
a newspaper, we can use an h2 or h3 for second and third level headers.
-
1:54
Now, we also need to tell the computer where this header ends.
-
1:58
So we need to add a closing tag.
-
2:01
We just have to type the same thing, but we need to include a forward slash.
-
2:06
And then Workspaces will automatically complete this for me.
-
2:10
Together this pair of opening and closing tags form what's called an HTML element.
-
2:18
Let's create one more element for our paragraph.
-
2:21
We just need an opening paragraph tag, which is the letter p,
-
2:26
and then a closing paragraph tag.
-
2:32
And that's it.
-
2:33
Here's what our website looks like so far.
-
2:36
With Treehouse you can take your knowledge further and learn how to add images and
-
2:41
other design elements to create web pages like this one.
-
2:45
A big part of Treehouse is practicing what you've learned.
-
2:48
In just a moment you'll have a chance to test your knowledge and
-
2:51
type some code on your own.
-
2:53
When you're done, you can sign up for a free two week trial and keep learning.
You need to sign up for Treehouse in order to download course files.
Sign up