1
00:00:02,093 --> 00:00:02,926
<v Voiceover>Now that we have</v>

2
00:00:02,926 --> 00:00:04,867
our super text editor installed,

3
00:00:04,867 --> 00:00:06,700
let's talk about HTML.

4
00:00:07,586 --> 00:00:12,207
Now, this HTML section together with the CSS section

5
00:00:12,207 --> 00:00:15,992
is designed to get you started for our big web page project

6
00:00:15,992 --> 00:00:18,430
that we will be working on later.

7
00:00:18,430 --> 00:00:21,657
Here, we will just cover some very basic things,

8
00:00:21,657 --> 00:00:23,910
like the structure of any web page,

9
00:00:23,910 --> 00:00:27,904
how to use headings, paragraphs, images, and links

10
00:00:27,904 --> 00:00:29,904
just to get you started.

11
00:00:31,688 --> 00:00:34,103
But let me first show you what we'll build

12
00:00:34,103 --> 00:00:38,270
in this section and in the next one using HTML and CSS.

13
00:00:39,490 --> 00:00:43,657
It's a very, very simple, fake blog post web page.

14
00:00:44,574 --> 00:00:48,741
But it looks pretty cool for a first web page, right?

15
00:00:50,044 --> 00:00:52,761
So, starting with HTML.

16
00:00:52,761 --> 00:00:55,344
But first of all, what is HTML?

17
00:00:56,267 --> 00:01:00,447
HTML stands for hyper text markup language.

18
00:01:00,447 --> 00:01:02,119
So it's a markup language and

19
00:01:02,119 --> 00:01:05,119
not actually a programming language.

20
00:01:07,297 --> 00:01:11,523
HTML documents are described by HTML tags

21
00:01:11,523 --> 00:01:14,147
like these three you see here.

22
00:01:14,147 --> 00:01:18,163
Each HTML tag describes a different type of content

23
00:01:18,163 --> 00:01:21,413
such as headings, paragraphs, or links.

24
00:01:22,297 --> 00:01:26,464
We use tags to markup the beginning and end of an element.

25
00:01:27,702 --> 00:01:30,906
Each element is written with an opening tag

26
00:01:30,906 --> 00:01:35,272
and a closing tag, with the content in between.

27
00:01:35,272 --> 00:01:37,570
So the closing tag is just the same as

28
00:01:37,570 --> 00:01:40,320
the opening tag but with a slash.

29
00:01:41,471 --> 00:01:45,638
We will see all of that when we start real coding.

30
00:01:46,858 --> 00:01:50,040
And web browsers such as Google Chrome

31
00:01:50,040 --> 00:01:52,849
can read HTML files we code

32
00:01:52,849 --> 00:01:56,349
and translate them into visible web pages.

33
00:01:57,637 --> 00:02:00,841
All right, now that we know what HTML is,

34
00:02:00,841 --> 00:02:05,008
we can move on to some real coding in the next lecture.

