WEBVTT 00:00:07.080 --> 00:00:11.730 In this video we going to learn how to embed BHB inside a female. 00:00:11.760 --> 00:00:18.870 What we have done so far we have created a simple PSP file and as a result we got a simple web page 00:00:18.870 --> 00:00:21.000 . 00:00:21.000 --> 00:00:27.000 If we go to inspects elements we can see that our web page has got an empty head but inside the body 00:00:27.870 --> 00:00:33.300 we can see the output of our PSP code. 00:00:33.300 --> 00:00:35.250 Now we're going to try something different. 00:00:35.670 --> 00:00:42.890 We're going to build and Ishmail page first and then we can then write some PSP code inside our HBL 00:00:42.900 --> 00:00:43.670 page. 00:00:43.970 --> 00:00:44.680 OK. 00:00:44.940 --> 00:00:51.360 So let's go to our FY FTB and create a new file 00:00:55.690 --> 00:01:03.460 called it's embed BHP in Ishmail those BHB. 00:01:04.580 --> 00:01:05.210 OK. 00:01:05.610 --> 00:01:10.640 Before we continue I'm just going to copy the previous file inside our APHC folder. 00:01:10.790 --> 00:01:11.120 OK. 00:01:11.220 --> 00:01:17.780 So if you can open the page folder and selects the file or just click on the left arrow. 00:01:19.190 --> 00:01:23.710 OK because now all our files backed up on our computer. 00:01:24.270 --> 00:01:27.330 OK now let's open the second file using patrol. 00:01:27.370 --> 00:01:31.440 Oh OK. 00:01:31.620 --> 00:01:36.960 Now if you go to the browser and go back OK if you're free to page you will see that your records and 00:01:36.960 --> 00:01:44.070 your father embed page be in a shameful case a blank page at the moment because we have we haven't written 00:01:44.070 --> 00:01:47.640 anything in our file so we're going to do. 00:01:47.640 --> 00:01:50.460 Now we're going to create a simple ASML page. 00:01:50.520 --> 00:01:55.890 So it starts with the document type. 00:01:56.490 --> 00:01:57.740 It's going to be a symbol. 00:01:58.130 --> 00:02:11.090 And then we're going to have a very simple elements on the inside of the head and the body. 00:02:12.800 --> 00:02:13.900 OK. 00:02:14.880 --> 00:02:26.920 So inside the head let's have a character sets and say to UTF 8 and let's have a title call is a bit 00:02:28.420 --> 00:02:32.020 BHB in a row. 00:02:33.510 --> 00:02:34.210 OK. 00:02:34.500 --> 00:02:47.140 So now in the body section I'm going to create a heading I call it event page B in h l k and after that 00:02:47.170 --> 00:02:49.740 I'm going to create a paragraph. 00:02:49.740 --> 00:02:56.430 So we're going to do now we can write some code inside the paragraph. 00:02:56.910 --> 00:02:57.710 OK. 00:02:58.440 --> 00:03:01.610 So let's. 00:03:01.960 --> 00:03:06.040 Yes follow the same syntax we have learnt in a previous video. 00:03:06.060 --> 00:03:08.980 So question Mark ph. 00:03:09.700 --> 00:03:10.290 And then 00:03:13.710 --> 00:03:16.830 question mark and then clearly it's like. 00:03:17.430 --> 00:03:21.060 So let's use the same function. 00:03:21.090 --> 00:03:22.490 Echo. 00:03:22.680 --> 00:03:30.240 So you mentioned that the druggist is giving me some hints when I write the songs Royson the echo function 00:03:30.240 --> 00:03:30.480 . 00:03:30.600 --> 00:03:36.610 So I recommend you add some exceptions to the brackets. 00:03:36.690 --> 00:03:38.700 So if you go to the extension manager 00:03:41.670 --> 00:03:46.020 you can download page response hints. 00:03:46.850 --> 00:03:51.200 OK syntax hint. 00:03:52.680 --> 00:03:59.850 And also if you can download quick Dachs BHB which will give us documentation about different functions 00:03:59.860 --> 00:04:00.260 . 00:04:00.660 --> 00:04:01.440 OK. 00:04:01.920 --> 00:04:03.480 So just make sure you. 00:04:03.510 --> 00:04:04.670 You don't need all of them. 00:04:04.830 --> 00:04:11.790 OK so PH's is most things page with syntax hints and quick docs BHB OK just go to. 00:04:11.890 --> 00:04:15.910 Available at the available tab and just look for them. 00:04:16.510 --> 00:04:20.800 And then you can solve them on your computer. 00:04:21.480 --> 00:04:22.130 OK. 00:04:22.560 --> 00:04:29.250 So let's continue our code so it's going to echo a string. 00:04:29.400 --> 00:04:30.410 OK. 00:04:31.170 --> 00:04:33.470 It's obvious to me calling the statements. 00:04:33.570 --> 00:04:36.200 So it's right here. 00:04:36.480 --> 00:04:40.830 This is a program. 00:04:42.660 --> 00:04:44.860 OK. 00:04:45.300 --> 00:04:47.510 So if you refresh the page. 00:04:48.130 --> 00:04:50.880 OK so what we see here we can see our heading. 00:04:51.510 --> 00:04:54.680 And then we can see a paragraph. 00:04:54.880 --> 00:04:55.500 OK. 00:04:55.630 --> 00:05:01.220 There's a poster so you can see a paragraph there. 00:05:01.380 --> 00:05:12.240 So if you go to inspect elements you can see that's the ASML code is exactly the same as what we have 00:05:12.240 --> 00:05:14.770 written in our PSAP file. 00:05:14.790 --> 00:05:26.460 The only difference is that whatever PSAP code we have written inside the tags has been replaced by 00:05:26.460 --> 00:05:30.150 the outputs of the PSP code. 00:05:30.360 --> 00:05:33.840 OK so everything is the same. 00:05:34.080 --> 00:05:44.900 Once you come here besides disappear OK and we can see only the outputs of our PSP code. 00:05:45.120 --> 00:05:45.800 OK. 00:05:46.170 --> 00:05:48.440 So let's try. 00:05:48.720 --> 00:05:50.510 Let's try something else. 00:05:50.520 --> 00:05:56.840 So rather this time rather than having a paragraph and then writing code inside the paragraph we're 00:05:56.850 --> 00:06:00.290 going to create a paragraph using BHB. 00:06:00.960 --> 00:06:09.890 So we get to go ahead and start writing some code straight away so we can have our ph Peter. 00:06:10.430 --> 00:06:10.710 OK. 00:06:10.710 --> 00:06:14.820 And then inside the tag we get it writes echo. 00:06:15.110 --> 00:06:20.160 And this time we want to create a paragraph. 00:06:20.160 --> 00:06:23.910 So inside a string we're going to need deep VTX. 00:06:23.960 --> 00:06:24.280 OK. 00:06:24.330 --> 00:06:33.030 So we're going to have open tag and then the close of the paragraph and then write some checks there 00:06:33.040 --> 00:06:33.090 . 00:06:33.120 --> 00:06:36.590 This is a second paragraph. 00:06:37.920 --> 00:06:40.820 This is another pattern. 00:06:42.420 --> 00:06:53.280 OK so now if we refresh the page and goes inspects elements we can see that we've got a second paragraph 00:06:53.280 --> 00:06:53.680 . 00:06:53.760 --> 00:06:54.660 OK. 00:06:54.980 --> 00:07:07.860 And what's BHB has done is just printed on our screen exactly what we have given the echo function OK 00:07:10.140 --> 00:07:15.740 which is the barograph with the B tags and the text inside is OK. 00:07:16.050 --> 00:07:26.130 So that's how we embed ph P inside a shared bill in the next videos of this chapter we're going to be 00:07:26.940 --> 00:07:27.630 doing the same. 00:07:27.630 --> 00:07:33.680 So we're going to be embedding a page inside a shemale templates. 00:07:34.440 --> 00:07:41.000 OK so the next video we're going to start looking out place beat.