1
00:00:00,180 --> 00:00:03,370
So far we've worked quite a bit with tax data.

2
00:00:03,390 --> 00:00:10,460
Our next objective is to insert some images into our document we've included four images in the downloads

3
00:00:10,460 --> 00:00:18,210
file pertaining to this lecture you can use these images or your own set of images regardless of which

4
00:00:18,210 --> 00:00:19,530
images you use.

5
00:00:19,740 --> 00:00:24,950
You must place them in the same folder as your HMO file.

6
00:00:24,960 --> 00:00:32,250
This is because we'll be using relative file referencing will explain relative verse absolute file referencing

7
00:00:32,430 --> 00:00:33,270
in the next lecture

8
00:00:36,820 --> 00:00:40,690
first that start with the heading and we can place our images under this heading

9
00:00:48,960 --> 00:00:50,670
with our heading created.

10
00:00:50,670 --> 00:00:51,800
Let's create a paragraph.

11
00:00:51,830 --> 00:00:55,500
So we have some spacing between our heading and the images that we're going to insert

12
00:01:08,920 --> 00:01:11,590
I'll start by inserting the first image.

13
00:01:11,590 --> 00:01:13,270
This is done with the image tag

14
00:01:20,080 --> 00:01:25,020
the image tag has several attributes for the purpose of this lecture.

15
00:01:25,030 --> 00:01:30,120
We use this source attribute which defines the location of the image.

16
00:01:30,310 --> 00:01:34,660
We'll also use the width and height attribute which defined the size of the image

17
00:01:45,850 --> 00:01:48,870
with our first image created or inserted.

18
00:01:48,880 --> 00:01:50,350
Let's insert the second image

19
00:01:53,740 --> 00:01:56,340
I'll also specify the width in height of this image.

20
00:02:04,150 --> 00:02:05,070
And the third image

21
00:02:11,460 --> 00:02:12,840
the image tag.

22
00:02:12,840 --> 00:02:15,630
As you can see does not require a closing image tag

23
00:02:22,160 --> 00:02:23,420
for the fourth image.

24
00:02:23,420 --> 00:02:30,500
We're going to insert an image from the Internet so before the source we'll be using the U.R.L. of the

25
00:02:30,500 --> 00:02:30,890
image.

26
00:02:32,240 --> 00:02:40,740
This is called an absolute final reference because it includes the full path of the image and once again

27
00:02:40,990 --> 00:02:50,860
our next lecture is going to talk more about absolute and relative file referencing.

28
00:02:50,930 --> 00:02:54,590
So this is an image found on a Wikipedia page.

29
00:02:54,700 --> 00:02:56,720
I'll just specify the width and height as well

30
00:03:02,060 --> 00:03:02,340
okay.

31
00:03:02,370 --> 00:03:11,740
And so we've inserted four images three images have a relative file reference they're located within

32
00:03:11,740 --> 00:03:15,550
the same directory as our HMO file.

33
00:03:16,910 --> 00:03:23,580
We've specified the width and height of each image and for the last image the source is an external

34
00:03:23,670 --> 00:03:25,110
Web page.

35
00:03:25,110 --> 00:03:32,580
So we've included a You are all of the or a link to the to the image and also the width and height as

36
00:03:32,580 --> 00:03:40,430
well so let's go ahead and save this file and preview what it looks like in our web browser.

37
00:03:46,910 --> 00:03:51,620
So as you can see we now have four images inserted into our document.