1
00:00:00,000 --> 00:00:00,410

2
00:00:00,410 --> 00:00:03,420
>> SPEAKER: Much like books have headings
for chapters and sections and

3
00:00:03,420 --> 00:00:07,120
subsections, so do a lot of web pages
have headings for the top level

4
00:00:07,120 --> 00:00:10,260
information, for secondary information,
for tertiary information,

5
00:00:10,260 --> 00:00:11,190
and so forth.

6
00:00:11,190 --> 00:00:17,630
Well for these, HTML has heading tags,
h1, h2, h3, h4, h5, and h6.

7
00:00:17,630 --> 00:00:20,800
Let's see these in action in
the context of a web page.

8
00:00:20,800 --> 00:00:24,320
>> Here in headings.html, I've already
gotten things started with some open

9
00:00:24,320 --> 00:00:25,830
tags and close tags.

10
00:00:25,830 --> 00:00:29,340
Let's now inside the body do
h1 and then type something

11
00:00:29,340 --> 00:00:31,050
arbitrary, like one.

12
00:00:31,050 --> 00:00:32,770
Let's now close this tag.

13
00:00:32,770 --> 00:00:37,840
Let's now demonstrate the h2 tag
similarly with the text two, the h3

14
00:00:37,840 --> 00:00:47,220
text with three, the h4 text with four,
the h5 text with five, and the

15
00:00:47,220 --> 00:00:49,835
h6 text with six.

16
00:00:49,835 --> 00:00:52,890

17
00:00:52,890 --> 00:00:55,270
>> Let's now save this style, change
its permissions, and

18
00:00:55,270 --> 00:00:57,680
view it in a browser--

19
00:00:57,680 --> 00:01:01,790
chmod a + r headings.html.

20
00:01:01,790 --> 00:01:09,960
Let's open up Chrome, visit
http://localhost/headings.html.

21
00:01:09,960 --> 00:01:14,060
Now even though I didn't specify any
bold facing, let alone any particular

22
00:01:14,060 --> 00:01:19,250
font sizes, Chrome has by default
rendered h1 as really big and bold, h2

23
00:01:19,250 --> 00:01:24,920
as big and bold, and h3 and h4 and h5
and h6 as bold but not quite as big.

24
00:01:24,920 --> 00:01:27,275