1
00:00:05,410 --> 00:00:13,210
And from this lesson, we are going to start viewing different sorts of attacks which can be inserted

2
00:00:13,210 --> 00:00:18,190
into the body of the Age HTML document we created in the previous lesson.

3
00:00:19,420 --> 00:00:28,600
In Cairo, we left as a copy of the preview of all our contents so that when we start inserting a new

4
00:00:28,600 --> 00:00:37,630
paragraph, a new heading or a new line break or a beat are tag.

5
00:00:38,560 --> 00:00:46,330
Into our body content, the text we see, we get formatted in a certain way or in another.

6
00:00:47,340 --> 00:00:55,050
Let's start then from the paragraphs which get represented simply by a letter P, as you see inside

7
00:00:55,050 --> 00:01:03,580
the body, there's now a new tag which may be populated with all a series of contents, textual or of

8
00:01:03,580 --> 00:01:04,530
a different type.

9
00:01:05,720 --> 00:01:14,690
For the time being, we are focusing only on the viz. or contents, which can afterwards get interpreted

10
00:01:14,690 --> 00:01:23,510
and visualized in a browser thanks to the word Lorem Visual Studio Code permits us to create a number

11
00:01:23,510 --> 00:01:32,570
of fictitious content in Latin which get used when websites that normally are used as test websites

12
00:01:32,570 --> 00:01:33,590
get displayed.

13
00:01:33,980 --> 00:01:42,080
Therefore, by writing Narim and by giving enter, we will end up with much inserted text in a document

14
00:01:42,410 --> 00:01:52,520
which once saved and refreshed through this little restart button placed in our page, can see as interpreted

15
00:01:52,520 --> 00:01:58,670
and visualized by Chrome within the index Dark Age HTML document.

16
00:02:02,560 --> 00:02:10,900
Obviously, by inserting into a document and addition up and once again with our law, by saving and

17
00:02:10,900 --> 00:02:18,370
then refreshing the browser, we would see that the two paragraphs, which are different as far as the

18
00:02:18,370 --> 00:02:26,700
random content in this case, get visualized as positioned at a certain distance in between them.

19
00:02:28,960 --> 00:02:38,080
Since the two paragraphs are separated, if we decided to use them one by one, let's say we might as

20
00:02:38,080 --> 00:02:47,550
well delete the initial content of the second piece and also the closing tag, inserting our VR slash

21
00:02:47,840 --> 00:02:56,500
close tag, permitting us to insert the two separately, but in within the same paragraph, therefore

22
00:02:56,710 --> 00:03:06,070
saving and refresh in the created file and getting back on Chrome, we see that this space previously

23
00:03:06,070 --> 00:03:15,010
in between the two paragraphs has disappeared and therefore if we went back with our control or command

24
00:03:15,010 --> 00:03:15,940
plus Z.

25
00:03:16,910 --> 00:03:26,870
A keyboard shortcut allowing us to go back to the previous scenario, we would have the two paragraphs

26
00:03:26,870 --> 00:03:28,370
as still detached.

27
00:03:32,210 --> 00:03:40,430
In addition to paragraphs in this section, we are also going to view the headings, the headings get

28
00:03:40,430 --> 00:03:50,900
represented by age one, age two up to age six, and have a specific functionality within our age HTML

29
00:03:50,900 --> 00:04:00,740
document that is drawing attention on titles or subtitles or even simple paragraphs, which, however,

30
00:04:01,070 --> 00:04:05,070
are supposed to be standing out in the document.

31
00:04:05,960 --> 00:04:13,130
Therefore, if we inserted H one here with an additional Lorem in the inside.

32
00:04:15,440 --> 00:04:25,760
And then if we saved and refreshed, we would see that this new content is more visible than the previous

33
00:04:25,760 --> 00:04:26,500
ones.

34
00:04:27,630 --> 00:04:33,330
Obviously, by using the same type of tag, but inserting a two.

35
00:04:36,770 --> 00:04:38,990
Subsequently, age three.

36
00:04:42,800 --> 00:04:46,580
Then age for age five and last age six.

37
00:04:54,990 --> 00:05:01,980
We see that by inserting some lorem in within any of our heading tags.

38
00:05:13,160 --> 00:05:21,710
And refreshing them, therefore saving and refreshing our content, we see that from age one tag to

39
00:05:21,710 --> 00:05:25,180
age six pack, everything gets highlighted.

40
00:05:25,580 --> 00:05:30,950
That means everything gets bold and diversifying the font size.

41
00:05:30,950 --> 00:05:40,340
In this specific case, it gets to identify a lot of different content from age one, the most important

42
00:05:40,610 --> 00:05:43,610
to age six, the least important.

43
00:05:47,380 --> 00:05:56,500
Fine, then these are the headings that can be used inside our HDMI document to give a certain relevance

44
00:05:56,500 --> 00:05:58,530
to a specific content.

45
00:06:00,550 --> 00:06:09,070
To sum up, we have seen the two components we are going to use the most insight, our HDMI projects

46
00:06:09,490 --> 00:06:15,790
that are in addition to the line break, our B-R are seen before with the paragraph's in order to make

47
00:06:15,790 --> 00:06:23,650
the pages be correctly set and look pleasant to see and accessible for the experience of all users.