1
00:00:02,300 --> 00:00:08,810
In this lesson we're going to go over the structure of a basic HDMI document this structure will be

2
00:00:08,810 --> 00:00:16,860
the foundational building block of any H2 UML web page we'll start off with a very simple page and add

3
00:00:16,860 --> 00:00:18,390
several elements to it.

4
00:00:18,390 --> 00:00:26,460
As we progressed through this section before we begin you'll need to open notepad plus plus if you're

5
00:00:26,460 --> 00:00:30,390
on on a Windows machine or text wrangler if you're on a Mac

6
00:00:41,530 --> 00:00:48,170
once you have the text editor open willing to open the file corresponding to this lesson from the downloads

7
00:00:48,170 --> 00:00:51,270
folder so would a file open

8
00:00:57,070 --> 00:00:58,090
and open the file

9
00:01:08,940 --> 00:01:10,050
with the file open.

10
00:01:10,050 --> 00:01:18,400
Let's go over each element in the instructions they convey to the web browser.

11
00:01:18,480 --> 00:01:26,680
First of all the document begins with the doc type h t email tag this tag tells the browser that the

12
00:01:26,680 --> 00:01:33,520
markup of the language in which the page is written is HDMI l.

13
00:01:33,630 --> 00:01:39,030
Keep in mind that there are different types of HDMI standards when it comes to coding your web page

14
00:01:40,080 --> 00:01:47,730
some HMO standards are quite strict and instruct the browser to follow a very strict set of rules when

15
00:01:47,730 --> 00:01:49,720
passing in interpreting the code.

16
00:01:50,940 --> 00:02:01,800
An example of this is X HMO the X HMO standard will check to make sure all your open HMO tags have corresponding

17
00:02:01,860 --> 00:02:05,430
closing tags and you'll understand what that means in just a moment.

18
00:02:06,720 --> 00:02:12,050
There are many other compliance measures that make up the X HMO markup.

19
00:02:12,200 --> 00:02:17,840
It's not necessary to explore all of these because for the purpose of this course we'll be using the

20
00:02:17,840 --> 00:02:25,930
HMO five standard this standard is more flexible in its compliance requirements among browsers and is

21
00:02:25,930 --> 00:02:35,340
also the most widely used previous versions of HMO such as HMO four are even more flexible but lacks

22
00:02:35,340 --> 00:02:43,200
some of the new features inherent with HMO five we'll learn about some of these new features as we progressed

23
00:02:43,200 --> 00:02:51,610
through the course immediately after the doc type declaration comes the open HMO tab.

24
00:02:53,340 --> 00:03:01,230
The HMO tag is the building block for our page most other tags will be nested within the open HMO tag

25
00:03:01,740 --> 00:03:05,300
in the closing HMO tag.

26
00:03:05,310 --> 00:03:14,000
Keep in mind that an open tag must be closed to defined the ending of the HMO page please note that

27
00:03:14,000 --> 00:03:22,970
when we work with other nested languages such as P P the P P code can be inside or outside the HMO blocks

28
00:03:24,120 --> 00:03:33,510
however for now all the tags we work with will be nested inside the HMO open tag in the closed HMO type.