1
00:00:02,730 --> 00:00:15,680
The body tag contains the content which is visible within the content area of your web browser.

2
00:00:15,730 --> 00:00:24,330
It contains things like text hyperlinks images tables lists and any other visible elements.

3
00:00:31,240 --> 00:00:36,660
In our example we've included two items in our about body tag.

4
00:00:36,670 --> 00:00:45,320
The first is just basic text since we've not defined the location or any other attributes of this text.

5
00:00:45,520 --> 00:00:52,280
It will be displayed at the top left corner of our web browser.

6
00:00:52,290 --> 00:00:59,820
We also haven't specified the font face but if you recall we did specify the default font color is red

7
00:01:00,210 --> 00:01:03,570
in our cascading style sheet.

8
00:01:03,590 --> 00:01:09,500
In a moment we'll preview this document in our web browser and you'll see exactly how it looks

9
00:01:12,330 --> 00:01:14,460
after the basic text content.

10
00:01:14,460 --> 00:01:23,310
We have a form element the text field we won't be covering form elements just yet but this example demonstrates

11
00:01:23,820 --> 00:01:33,950
how we call a javascript function named my function to convert the input text from lowercase to capitals

12
00:01:35,220 --> 00:01:45,390
if you recall the javascript function was located in our head take we're now calling that function in

13
00:01:45,390 --> 00:01:46,080
the body take

14
00:01:49,870 --> 00:01:55,000
Let's preview the file again so we can see how this all comes together in our web browser

15
00:02:07,640 --> 00:02:15,140
we can see that the text that was contained in our body tags is displayed here as it should be.

16
00:02:15,140 --> 00:02:23,530
The color is red and it's located at the top left corner of the content area by default.

17
00:02:23,550 --> 00:02:29,220
Next we have our javascript function to see how it works.

18
00:02:29,250 --> 00:02:36,270
Type your name into the text field in lowercase letters and click anywhere on the screen to activate

19
00:02:36,270 --> 00:02:36,800
the script

20
00:02:49,910 --> 00:02:54,200
you'll see the name in the text field converts from lowercase to uppercase format

21
00:03:01,890 --> 00:03:03,180
and that's it.

22
00:03:03,270 --> 00:03:11,060
Once we've closed the body tag all that remains is our closing H2 email tag to complete the entire HDMI

23
00:03:11,130 --> 00:03:13,670
document.

24
00:03:13,700 --> 00:03:16,670
This is the basic structure of an HDL page.