1
00:00:00,000 --> 00:00:04,630
[MUSIC]

2
00:00:04,630 --> 00:00:06,770
Hi, and welcome to Treehouse.

3
00:00:06,770 --> 00:00:11,470
Treehouse is a great way to learn new
skills and land your dream job.

4
00:00:11,470 --> 00:00:14,310
With Treehouse, you can learn how to code
websites and build apps.

5
00:00:14,310 --> 00:00:16,750
To give you a taste of what we do here,

6
00:00:16,750 --> 00:00:18,710
let's start building a Web page of our
own.

7
00:00:20,180 --> 00:00:24,731
To build the structure of a page similar
to the Ruby Basics course on Treehouse,

8
00:00:24,731 --> 00:00:30,590
we'll need the heading, Ruby Basics, and
this paragraph below it.

9
00:00:30,590 --> 00:00:33,778
If you are writing this in a word
processor,

10
00:00:33,778 --> 00:00:39,481
you would use a drop-down menu to make the
words Ruby Basics look like a title.

11
00:00:39,481 --> 00:00:44,822
When writing HTML in a text editor, you
can use the same text.

12
00:00:44,822 --> 00:00:45,724
Only here,

13
00:00:45,724 --> 00:00:51,150
you tell the browser what you want the
text to look like using HTML tags.

14
00:00:52,210 --> 00:00:56,393
Tags in HTML describe what each thing on
the page is supposed to be,

15
00:00:56,393 --> 00:00:59,242
[SOUND] like an image, paragraph or
heading.

16
00:00:59,242 --> 00:01:01,453
To write a heading for our Web page,

17
00:01:01,453 --> 00:01:04,562
[SOUND] we need to put heading tags around
the text.

18
00:01:04,562 --> 00:01:07,828
Most of the time, the anatomy of the tags
are the same,

19
00:01:07,828 --> 00:01:10,680
the name of the tag between two angle
brackets.

20
00:01:10,680 --> 00:01:14,880
To tell the browser which of the tags is
the closing tag,

21
00:01:14,880 --> 00:01:19,020
you put a slash right before the name in
the second tag.

22
00:01:19,020 --> 00:01:23,210
Using Treehouse's robust text editor,
Workspaces,

23
00:01:23,210 --> 00:01:27,960
which you'll have full access to with your
membership, let's finish our

24
00:01:27,960 --> 00:01:32,530
HTML by writing an opening and closing
paragraph tag around the text.

25
00:01:32,530 --> 00:01:36,890
I'll use the same structure for the
paragraph tag as I did for

26
00:01:36,890 --> 00:01:38,550
the heading tag.

27
00:01:38,550 --> 00:01:42,802
Now let's preview what our webpage is
gonna look like in the browser.

28
00:01:42,802 --> 00:01:44,082
Great.

29
00:01:44,082 --> 00:01:51,162
You can see Ruby Basics looks like a title
and this paragraph looks like a paragraph.

30
00:01:51,162 --> 00:01:53,460
Okay, now it's your turn.

31
00:01:53,460 --> 00:01:57,320
In just a moment, you're gonna be asked to
take two code challenges to test your

32
00:01:57,320 --> 00:01:59,950
knowledge of the heading and paragraph
tags.

33
00:01:59,950 --> 00:02:03,540
When you're done, sign up for a free
two-week trial and keep learning.