1
00:00:00,360 --> 00:00:07,340
In this section of the course we're going to create our first HDMI page remember that HD PML is a programming

2
00:00:07,340 --> 00:00:14,510
language that communicates instructions to your web browser it instructs the web browser on exactly

3
00:00:14,510 --> 00:00:17,360
how the web page should be displayed to the viewer.

4
00:00:18,670 --> 00:00:29,270
HMO and CSX which will explore later on defines the way fonts colors graphics and hyperlinks are displayed

5
00:00:29,330 --> 00:00:32,920
on your pages.

6
00:00:32,940 --> 00:00:34,560
Let's take a look at a quick example

7
00:00:40,080 --> 00:00:44,630
if we visit a web page through our web browser for demonstration purposes.

8
00:00:44,790 --> 00:00:49,490
I've loaded Tech Crunch dot com on Google Chrome.

9
00:00:49,740 --> 00:00:54,510
You can do the same using any browser of your choice as we can see.

10
00:00:54,510 --> 00:01:04,090
This page is composed of basic text links images in font styling let's take a look at the HDL code that

11
00:01:04,090 --> 00:01:10,660
instructs Google Chrome on how to display all the elements of this page to do that.

12
00:01:12,020 --> 00:01:20,070
Right click on any blank area of the page in select view page source as you can see this is the actual

13
00:01:20,070 --> 00:01:26,710
code that communicates the layout of the page although this looks like a fairly lengthy and complex

14
00:01:26,710 --> 00:01:35,830
block of code HDL pages follow more or less the same structure in all pages by the end of this section

15
00:01:36,340 --> 00:01:42,670
you'll be able to interpret and understand what most of this code means and even program HMO pages on

16
00:01:42,670 --> 00:01:43,350
your own.