1
00:00:00,000 --> 00:00:02,910
>> DAVID MALAN: Let's create a web page
that has a few paragraphs of text.

2
00:00:02,910 --> 00:00:06,920
I've already gotten things started
in a file called paragraphs.html.

3
00:00:06,920 --> 00:00:09,990
And notice here I have three paragraphs
of Latin text, each

4
00:00:09,990 --> 00:00:11,980
separated by a blank line.

5
00:00:11,980 --> 00:00:14,490
Let's go ahead and save this file,
change its permissions, and

6
00:00:14,490 --> 00:00:17,130
view it in a browser.

7
00:00:17,130 --> 00:00:22,390
>> chmod a+r paragraphs.html.

8
00:00:22,390 --> 00:00:31,610
Let's now open up Chrome and visit
http://localhost /paragraphs.html.

9
00:00:31,610 --> 00:00:34,490
All I see is one huge paragraph.

10
00:00:34,490 --> 00:00:35,890
Now why might that be?

11
00:00:35,890 --> 00:00:39,250
>> Well, it turns out that HTML is meant
to be taken very literally.

12
00:00:39,250 --> 00:00:42,480
You can hit Enter as many times as you
want to provide white space between

13
00:00:42,480 --> 00:00:46,000
paragraphs of text, but the browser is
not actually going to separate those

14
00:00:46,000 --> 00:00:50,230
lines of text unless you explicitly
say start a paragraph here, stop

15
00:00:50,230 --> 00:00:53,240
paragraph here, start a new
paragraph here, stop that

16
00:00:53,240 --> 00:00:55,310
paragraph here and so forth.

17
00:00:55,310 --> 00:00:58,280
So we seem to need a new tag, a
paragraph tag, if you will.

18
00:00:58,280 --> 00:01:03,270
So let's go back to gedit and
tweak things as follows.

19
00:01:03,270 --> 00:01:06,350
>> Above this first paragraph of
text, let's insert open

20
00:01:06,350 --> 00:01:08,810
bracket, p, close bracket.

21
00:01:08,810 --> 00:01:12,230
And then for style's sake, let's
indent the paragraph itself.

22
00:01:12,230 --> 00:01:16,020
Now below that paragraph, let's actually
close the p tag with open

23
00:01:16,020 --> 00:01:18,940
bracket, slash p, close bracket.

24
00:01:18,940 --> 00:01:21,470
And below that, let's start a new one.

25
00:01:21,470 --> 00:01:25,770
Let's indent just as we did before, and
now let's close that tag as well

26
00:01:25,770 --> 00:01:31,420
and open our third and final paragraph,
indenting it as well and

27
00:01:31,420 --> 00:01:34,440
then specify on a line
of its own, close p.

28
00:01:34,440 --> 00:01:37,780
>> Now definitely more verbose, but we're
simply telling the browser exactly

29
00:01:37,780 --> 00:01:38,530
what we mean.

30
00:01:38,530 --> 00:01:41,050
So let's save the file and reload
the page in Chrome.

31
00:01:41,050 --> 00:01:44,060

32
00:01:44,060 --> 00:01:45,310
Reloading--

33
00:01:45,310 --> 00:01:48,220
and there we have three paragraphs,
exactly as I intended.

34
00:01:48,220 --> 00:01:50,742