WEBVTT FILE 1 00:00:05.960 --> 00:00:13.530 in this video we're going to learn how to replace HTML reserved characters HTML 2 00:00:13.530 --> 00:00:18.750 comes with many reserved characters as an example we've caused the less than 3 00:00:18.750 --> 00:00:24.630 sign which we are using for our tags so if he writes a less than sign inside the 4 00:00:24.630 --> 00:00:31.349 body tags on the web page we're not gonna see anything showing up okay 5 00:00:31.349 --> 00:00:36.739 another example if we create a paragraph and write some text in the paragraph 6 00:00:36.739 --> 00:00:44.219 let's say you want to add more space in the paragraph so even if you add more 7 00:00:44.219 --> 00:00:51.300 space in there we don't see any effects on our webpage so to overcome that we're 8 00:00:51.300 --> 00:00:57.570 going to need to use HTML entities so HTML and C's are special characters 9 00:00:57.570 --> 00:01:02.789 which can we can write in our code and just make these reserved characters 10 00:01:02.789 --> 00:01:10.229 appear on the web page so let's start with the space example so the entity 11 00:01:10.229 --> 00:01:18.119 we're going to be using here has caused a special syntax so we are going to use 12 00:01:18.119 --> 00:01:28.950 the ampersand sign followed by either text or by a number sign followed by a 13 00:01:28.950 --> 00:01:33.560 number and then a semicolon at the end so it starts with the text syntax first 14 00:01:33.560 --> 00:01:41.490 so the syntax for the non-breaking space is gonna be and be SP for non-breaking 15 00:01:41.490 --> 00:01:46.470 space and then a quorum okay and brackets can give you options you can 16 00:01:46.470 --> 00:01:51.270 choose from so now we can see that we've caused an extra space in there and if we 17 00:01:51.270 --> 00:01:57.659 copy this paste it's multiple times we can see that we've caused as much space 18 00:01:57.659 --> 00:02:05.850 as we want okay so the other syntax using numbers rather than text is pretty 19 00:02:05.850 --> 00:02:13.290 easy as well so let's just write some text and now the syntax for the 20 00:02:13.290 --> 00:02:17.200 non-breaking space using text is gonna be an ampersand okay 21 00:02:17.200 --> 00:02:23.950 followed by a number sign and then a number so the number is gonna be one six 22 00:02:23.950 --> 00:02:29.260 zero and we're gonna have a semicolon at the end okay and if you copy paste these 23 00:02:29.260 --> 00:02:34.960 multiple times again you can see as you can have as much space as you want all 24 00:02:34.960 --> 00:02:41.050 right okay now let's move to the less than sign okay so for example we can 25 00:02:41.050 --> 00:02:47.590 write for less than five okay so again if you write less than just 26 00:02:47.590 --> 00:02:50.740 like this it's not going to work you won't see anything and you will get an 27 00:02:50.740 --> 00:02:57.310 error okay so the way it works we need to use an HTML and see again so if you 28 00:02:57.310 --> 00:03:04.209 want a reference of all HTML entities just type HTML and C's in Google and if 29 00:03:04.209 --> 00:03:11.680 you go to the w3 dot org websites you will see a full reference for html5 and 30 00:03:11.680 --> 00:03:18.880 C's okay so the less than sign is just here okay so you've got a few options 31 00:03:18.880 --> 00:03:25.390 here so either we use text or we use an X additional number or we just use a 32 00:03:25.390 --> 00:03:33.820 number likes it like this okay so let's try the easy one using texts so it's an 33 00:03:33.820 --> 00:03:39.760 ampersand LT : I'm going to copy but copy that's control C and then control V 34 00:03:39.760 --> 00:03:47.500 to paste and you can see the less than sign up there okay one final example 35 00:03:47.500 --> 00:03:56.670 let's look for the copyright symbol okay so let's write for example Facebook 36 00:03:56.670 --> 00:04:04.780 copyrights so if you go to the reference the copyright is just here I've got a 37 00:04:04.780 --> 00:04:09.760 few options okay so again you can copy any of these over then I'm just gonna 38 00:04:09.760 --> 00:04:19.390 copy the text one easiest I'm gonna place it there and you can see the 39 00:04:19.390 --> 00:04:25.380 copyright symbol there if you use the other symbol 40 00:04:26.100 --> 00:04:29.479 [Music] it gives you a same thing so Ashley you 41 00:04:33.000 --> 00:04:38.280 can use either smallness or capitalist as if you want to okay and the same 42 00:04:38.280 --> 00:04:43.970 thing for all the other HTML entities these won't change anything 43 00:04:46.720 --> 00:04:49.879 [Music]