1
00:00:00,000 --> 00:00:02,110
[Treehouse™ presents]

2
00:00:02,110 --> 00:00:05,750
[Getting Started with HTML with Nick Pettit] 

3
00:00:05,750 --> 00:00:10,870
Hi! I'm Nick. In this Treehouse quick tip, we're going to get started with HTML--

4
00:00:10,870 --> 00:00:15,780
or hypertext markup language--which is the basic language of websites.

5
00:00:15,780 --> 00:00:18,440
There might be several languages that you've heard of--

6
00:00:18,440 --> 00:00:21,290
like CSS, JavaScript, and more--

7
00:00:21,290 --> 00:00:23,990
and those are part of making websites, too.

8
00:00:23,990 --> 00:00:28,690
However, the only language that is required is HTML,

9
00:00:28,690 --> 00:00:33,500
so when you're first learning, you'll want to focus your attention there.

10
00:00:33,500 --> 00:00:37,750
Here we have a very basic-looking HTML website.

11
00:00:37,750 --> 00:00:41,280
There hasn't been any sort of fancy styling or images applied.

12
00:00:41,280 --> 00:00:43,650
Let's see how this code looks.

13
00:00:43,650 --> 00:00:48,050
We're going to switch over to a program called a text editor,

14
00:00:48,050 --> 00:00:51,400
and let's take a look at some of our HTML code.

15
00:00:51,400 --> 00:00:57,860
HTML is called a markup language because it marks up our content.

16
00:00:57,860 --> 00:01:03,550
In this example, we have several tags that are describing to the browser

17
00:01:03,550 --> 00:01:05,980
what's actually here.

18
00:01:05,980 --> 00:01:10,450
We have headline elements--like this H1 here,

19
00:01:10,450 --> 00:01:15,900
and this H2--which are just like headlines in a newspaper.

20
00:01:15,900 --> 00:01:24,900
Then there are paragraph elements--represented by these p-tags--here and here.

21
00:01:24,900 --> 00:01:26,900
It's actually pretty simple.

22
00:01:26,900 --> 00:01:31,770
If a block of text is a paragraph, then you should wrap it in a paragraph element.

23
00:01:31,770 --> 00:01:37,440
In addition, we have the overall structure of the document

24
00:01:37,440 --> 00:01:42,020
which is represented by the HTML head and body tags.

25
00:01:42,020 --> 00:01:46,890
The body is where all the visible parts of your document will go.

26
00:01:46,890 --> 00:01:52,020
The head is where you can include things like the title of your website,

27
00:01:52,020 --> 00:01:56,530
or other files such as JavaScript and CSS.

28
00:01:56,530 --> 00:01:58,530
There are lots of other HTML elements,

29
00:01:58,530 --> 00:02:00,840
and these are just a few.

30
00:02:00,840 --> 00:02:03,920
When you type in the address of your favorite website,

31
00:02:03,920 --> 00:02:06,920
there are 3 basic layers that get delivered to you--

32
00:02:06,920 --> 00:02:10,080
structural, presentational, and behavioral. 

33
00:02:10,080 --> 00:02:13,730
HTML forms the structure of a website,

34
00:02:13,730 --> 00:02:15,790
CSS is presentational,

35
00:02:15,790 --> 00:02:18,080
and JavaScript is behavioral.

36
00:02:18,080 --> 00:02:20,950
In other words, HTML is how you write your content,

37
00:02:20,950 --> 00:02:23,620
CSS makes it look pretty visually,

38
00:02:23,620 --> 00:02:26,180
and JavaScript makes it interactive.

39
00:02:26,180 --> 00:02:29,080
While CSS and JavaScript aren't always necessary,

40
00:02:29,080 --> 00:02:32,750
you will always need HTML.

41
00:02:32,750 --> 00:02:37,240
[Treehouse™] If you'd like to see more advanced videos and tutorials like this one,

42
00:02:37,240 --> 00:02:40,830
go to TeamTreeHouse.com and start learning for free.

43
00:02:40,830 --> 00:02:42,830
[Treehouse™]