1
00:00:00,090 --> 00:00:01,580
The document is all set up, and

2
00:00:01,580 --> 00:00:03,690
we're ready to write
the body of our resume page.

3
00:00:05,010 --> 00:00:06,650
First we'll add an image.

4
00:00:06,650 --> 00:00:12,440
Remember that an image needs
two attributes, a source,

5
00:00:12,440 --> 00:00:17,300
which is how you tell the browser
where to find the image, and

6
00:00:17,300 --> 00:00:20,960
an alt attribute for
screen readers and accessibility.

7
00:00:20,960 --> 00:00:26,040
Let's go back to placeimg.com and
grab a placeholder image.

8
00:00:26,040 --> 00:00:30,290
I'm going to get a square image
that's 200 pixels wide and

9
00:00:30,290 --> 00:00:34,640
200 pixels tall so that I can make
it round with border radius, and

10
00:00:34,640 --> 00:00:36,950
I'm going to choose a picture
in the Tech category.

11
00:00:36,950 --> 00:00:44,820
So now we can copy the link and
paste it into the source attribute.

12
00:00:44,820 --> 00:00:46,060
In the alt attribute,

13
00:00:46,060 --> 00:00:48,510
I'm going to describe what
the image will eventually be.

14
00:00:49,930 --> 00:00:53,078
Will be an image of Treasure Porth,
Web Developer.

15
00:00:55,701 --> 00:00:58,762
Next write an h1 tag with your name and
title.

16
00:01:06,101 --> 00:01:11,092
And an h2 that says,
Summary of Qualifications.

17
00:01:14,303 --> 00:01:17,780
The Summary of Qualifications
will be an un-ordered list.

18
00:01:17,780 --> 00:01:20,870
Remember that an un-ordered list
begins with a pair of ul tags.

19
00:01:22,150 --> 00:01:25,840
And nested inside of those tags
are however many list items that you want.

20
00:01:27,070 --> 00:01:28,841
Let's start with three list items.

21
00:01:36,531 --> 00:01:38,840
And we'll just make something
up to go inside them.

22
00:01:41,200 --> 00:01:49,250
Experience as a freelance web developer,

23
00:01:49,250 --> 00:01:53,721
Experience with HTML,

24
00:01:53,721 --> 00:01:58,200
CSS, and JavaScript.

25
00:02:00,710 --> 00:02:07,140
And a Bachelor of Science in Economics.

26
00:02:09,810 --> 00:02:13,290
And that's all the HTML we're
going to need for this web page.

27
00:02:13,290 --> 00:02:14,358
Let's take a look.

28
00:02:17,216 --> 00:02:19,930
This is looking okay, but
we can certainly make it better with CSS.

29
00:02:19,930 --> 00:02:22,650
That's what we'll do in the next video.