1
00:00:02,669 --> 00:00:26,140
In this video I'm going to show you how you can do your first webpage by using HTML code. That is the very important thing.

2
00:00:26,140 --> 00:00:52,039
So firstly, you should create a folder in your computer and inside it put the elements of your web page. Each web page has different elements, but in our case we just only have a picture or a photo.

3
00:00:52,039 --> 00:01:13,700
And you should be very careful about the format of the picture because these pictures just only can have G-format or PNG format.

4
00:01:13,700 --> 00:01:22,200
otherwise you can see on the navigator and you can see they can't see on the

5
00:01:22,200 --> 00:01:32,489
internet so be careful with the format of your picture of your photos then you

6
00:01:32,489 --> 00:01:44,370
should create the the first a blank page the page web has the same form the same

7
00:01:44,370 --> 00:01:58,890
structure they have a head and a body inside the inside the the page so you

8
00:01:58,890 --> 00:02:10,949
should write this code firstly this tag HTML which let you to start your

9
00:02:10,949 --> 00:02:20,370
web page and the finish of the web page and the head tags and the body tags

10
00:02:20,370 --> 00:02:32,729
which are very important so in the head you just only have some

11
00:02:32,729 --> 00:02:39,509
characteristics of your web page but not contents the contents are only in the

12
00:02:39,509 --> 00:02:57,610
body so this is a code for a blank web page so now you should use the block

13
00:02:57,610 --> 00:03:06,569
notes to edit and give the form on HTML format to your web page and the

14
00:03:06,569 --> 00:03:21,639
navigator to see the results well the our web page is so simple it only will

15
00:03:21,639 --> 00:03:31,180
have letters text and a picture but obviously test has a lot of

16
00:03:31,180 --> 00:03:42,740
characteristics. Texts need for example letters and letters can be in

17
00:03:42,740 --> 00:03:48,400
different font, can be different characteristics as font for

18
00:03:48,400 --> 00:03:57,340
example or a color or a size and obviously your page, your text can be

19
00:03:57,340 --> 00:04:09,199
organized in different ways but very often all the test also always have headings.

20
00:04:09,199 --> 00:04:16,240
So the first tag we are going to explain is headings.

21
00:04:16,240 --> 00:04:29,620
use this tag which consists in an age and a number to indicate that inside this

22
00:04:29,620 --> 00:04:45,519
there is a heading. So very careful when you do that. As bigger the number is as

23
00:04:45,519 --> 00:05:00,139
smaller the letter is so taking take this into consideration for the rest of the of the test

24
00:05:00,139 --> 00:05:11,660
you need also to know different characteristic of the of the test of the heading for example

25
00:05:11,660 --> 00:05:29,220
For example, the color, which is very simple to indicate. For this characteristic, for these attributes, you use different kinds of tags, one for each characteristic.

26
00:05:29,220 --> 00:05:45,620
For example, two letters, you use font. Font can be in different types, different faces, or in different colors, or in different sizes.

27
00:05:45,620 --> 00:05:54,259
So indicate, put, write the tag of the attribute and then the value of the attributes.

28
00:05:54,259 --> 00:05:59,920
In this particular case is the color and now is red.

29
00:06:00,920 --> 00:06:15,339
You can use the name in English or you can use one of the code for colors that you usually use.

30
00:06:15,620 --> 00:06:41,519
It is also important the organization of your test. The test is always organized into paragraph. So the paragraph can be aligned in different ways. It can be at right, it can be at left, it can be center.

31
00:06:41,519 --> 00:07:00,199
And for this you can use this tag, p and a link. p is a paragraph, so use p to open and close paragraph in your test, to organize your test.

32
00:07:00,199 --> 00:07:11,839
And a characteristic of the paragraph is a link. So use a link to indicate what you want about the paragraph.

33
00:07:11,839 --> 00:07:33,209
But also we have another task for text, such as for example the page jump, which is very important, or if you want to have a list in your web page.

34
00:07:33,209 --> 00:07:45,649
For the moment, I think now just only with paragraph and perhaps a link is enough now.

35
00:07:45,649 --> 00:07:54,170
And finally, we need to insert an image.

36
00:07:54,170 --> 00:08:00,610
You can use different tags for inserting images.

37
00:08:00,610 --> 00:08:25,850
But obviously the most important one is this one. Imagine and then src and the name of the file you want to put as imagine in your web page.

38
00:08:25,850 --> 00:08:34,809
if you do that properly and well and this is the result you can see the

39
00:08:34,809 --> 00:08:43,610
imagine but sometimes the problem is that you you don't write the path well

40
00:08:43,610 --> 00:08:54,509
so your web page failed it's all for the moment if you want to to to learn

41
00:08:54,509 --> 00:09:06,509
more about web pages you can do by yourself or waiting to other courses this is all for today