1
00:00:02,180 --> 00:00:04,810
Now that's it for this module,

2
00:00:04,810 --> 00:00:08,350
it was a huge module packed with content.

3
00:00:08,350 --> 00:00:11,270
You learnt all the key basics about HTML

4
00:00:11,270 --> 00:00:13,670
and also all the core fundamentals

5
00:00:13,670 --> 00:00:15,600
you need to know about CSS.

6
00:00:15,600 --> 00:00:17,950
I will say that there is more to learn.

7
00:00:17,950 --> 00:00:20,340
There are more fundamentals you need to know,

8
00:00:20,340 --> 00:00:25,100
more features and aspects of CSS and HTML

9
00:00:25,100 --> 00:00:27,190
that you need to know as a web developer.

10
00:00:27,190 --> 00:00:30,070
But that's why the course isn't done yet,

11
00:00:30,070 --> 00:00:32,439
but we've got a very solid foundation now

12
00:00:32,439 --> 00:00:35,450
and you learnt how a HTML document skeleton

13
00:00:35,450 --> 00:00:36,790
should look like.

14
00:00:36,790 --> 00:00:39,600
You learnt about different HTML elements,

15
00:00:39,600 --> 00:00:42,070
visible elements, and meta elements

16
00:00:42,070 --> 00:00:44,630
and the different sections for those elements

17
00:00:44,630 --> 00:00:46,200
in your skeleton.

18
00:00:46,200 --> 00:00:49,060
You learnt that HTML elements are there

19
00:00:49,060 --> 00:00:52,860
to add extra meaning to your content,

20
00:00:52,860 --> 00:00:55,670
that you don't use them for styling reasons,

21
00:00:55,670 --> 00:00:58,070
but instead sort of search engines,

22
00:00:58,070 --> 00:01:01,500
computers in general, screen readers and so on,

23
00:01:01,500 --> 00:01:03,950
can pick up the meaning of your content

24
00:01:03,950 --> 00:01:08,560
and can therefore present and parse your content correctly.

25
00:01:08,560 --> 00:01:10,500
You learnt that you can describe

26
00:01:10,500 --> 00:01:12,690
basically any type of content

27
00:01:12,690 --> 00:01:15,640
and that there are more HTML elements

28
00:01:15,640 --> 00:01:18,000
than the ones we used up to this point.

29
00:01:18,000 --> 00:01:20,880
Of course, we'll see more and different elements

30
00:01:20,880 --> 00:01:23,710
throughout this course in the next course section

31
00:01:23,710 --> 00:01:25,970
already, actually.

32
00:01:25,970 --> 00:01:30,000
But the heading, the paragraph, links and all the images,

33
00:01:30,000 --> 00:01:33,373
these are all key elements, which you'll need all the time.

34
00:01:34,520 --> 00:01:39,440
Now you also learnt how to style your content then with CSS.

35
00:01:39,440 --> 00:01:43,870
That you can add inline styles with the style attribute,

36
00:01:43,870 --> 00:01:47,840
but that doing this has certain disadvantages and therefore,

37
00:01:47,840 --> 00:01:51,660
instead typically you use global styles.

38
00:01:51,660 --> 00:01:55,280
Either with the style element in the head section,

39
00:01:55,280 --> 00:01:59,370
or even better in a separate CSS file.

40
00:01:59,370 --> 00:02:04,340
There, you then can target elements by their tag name

41
00:02:04,340 --> 00:02:09,020
or with pseudo selectors, or even with an ID.

42
00:02:09,020 --> 00:02:10,900
These are the different types of selectors

43
00:02:10,900 --> 00:02:13,160
you learnt about in this section.

44
00:02:13,160 --> 00:02:15,920
And you can then target different properties

45
00:02:15,920 --> 00:02:20,420
of these elements with different support that CSS properties

46
00:02:20,420 --> 00:02:24,080
like the color, the font weight, font size, border radius,

47
00:02:24,080 --> 00:02:28,030
and much more to then set certain values

48
00:02:28,030 --> 00:02:29,800
for those properties.

49
00:02:29,800 --> 00:02:33,060
And the values you can set depend on the property

50
00:02:33,060 --> 00:02:34,530
you are setting.

51
00:02:34,530 --> 00:02:36,140
For example, for the color,

52
00:02:36,140 --> 00:02:39,920
you can set the color as such a RGB value,

53
00:02:39,920 --> 00:02:44,370
or as you also learned as a Hex or a HSL value,

54
00:02:44,370 --> 00:02:45,840
whatever you prefer.

55
00:02:45,840 --> 00:02:48,800
These are different ways of expressing a color.

56
00:02:48,800 --> 00:02:52,960
You learnt that most HTML elements do have some content

57
00:02:52,960 --> 00:02:55,130
between the opening and closing tag,

58
00:02:55,130 --> 00:02:58,160
but that there also are some void elements

59
00:02:58,160 --> 00:03:01,050
like image or link.

60
00:03:01,050 --> 00:03:04,820
And you did learn about HTML element attributes

61
00:03:04,820 --> 00:03:07,260
like source or ALT,

62
00:03:07,260 --> 00:03:10,190
which allow you to configure these elements

63
00:03:10,190 --> 00:03:12,270
and some elements like the link,

64
00:03:12,270 --> 00:03:15,250
but also the image needs that configuration

65
00:03:15,250 --> 00:03:17,990
to do anything useful at all.

66
00:03:17,990 --> 00:03:22,690
A link without a destination set wouldn't be any useful.

67
00:03:22,690 --> 00:03:25,880
And these are the core basics and fundamentals

68
00:03:25,880 --> 00:03:28,950
you learn about in this course section.

69
00:03:28,950 --> 00:03:31,360
If anything is unclear at this point,

70
00:03:31,360 --> 00:03:34,970
I absolutely do encourage you to go through this section

71
00:03:34,970 --> 00:03:38,320
again, or through selected lectures of this section

72
00:03:38,320 --> 00:03:40,630
and also practice what you learnt

73
00:03:40,630 --> 00:03:43,710
because the foundation you got in this section

74
00:03:43,710 --> 00:03:46,960
will be important for the rest of the course as well.

75
00:03:46,960 --> 00:03:49,740
And of course, we're going to build up on this foundation

76
00:03:49,740 --> 00:03:52,053
in the next course section already.

