Microsoft Copilot Course Section 13 Generating HTML
Microsoft Copilot is a text-based generative AI tool that can do various tasks. In this course, you will learn how to write prompts, generate content, generate codes and utilise its powerful features in the web version of Microsoft Copilot.
In this video lesson, we will learn about Generating HTML in Microsoft Copilot.
You can access the entire Microsoft Copilot Course in the following playlist:
https://www.dailymotion.com/playlist/x8rnke
In this video lesson, we will learn about Generating HTML in Microsoft Copilot.
You can access the entire Microsoft Copilot Course in the following playlist:
https://www.dailymotion.com/playlist/x8rnke
Category
📚
LearningTranscript
00:00So, what you can also do is, you can go around and generate out HTML contents by using Copilot.
00:11Let's say for example, I'm going to go around and say, make a home page for Simple Tutorials
00:22Delhi Motion Channel that offers different basic computer based lessons right here, just
00:36like this.
00:38And I'm going to say, make this using HTML right here, just like this.
00:44So if I were to go around and do that, then what happens is that it goes ahead and then
00:49generates out the code right here, just like this.
00:52So this is what you have, as you can see.
00:54So it actually added in some CSS right here, just like this.
00:58And then it actually generated a home page right here, just like this, as you can see
01:03right here.
01:04So now you can simply go ahead and copy this out right here, copy out the code.
01:09And then what I'm going to do is, I'm going to take an application like Notepad, and then
01:13I'm going to go around and save this out on my desktop right here.
01:17So I'm just going to go around, select all files, and say sample.html right here, just
01:23like this.
01:24And then around over here on my desktop.
01:27So I have this particular file that I can go ahead and open.
01:31And this is the, let's say, the page that it generated right here, just like this.
01:40But let's say I want to make it more better.
01:43So in that case, I can actually go around and tell it to use Bootstrap as well.
01:47So I'm simply going to go around and say, make it more attractive by using Bootstrap
01:55right here, Bootstrap, Bootstrap codes, and make sure it's colorful and interactive, just
02:05like this.
02:07And make sure to take videos, videos from dellymotion.com slash simple tutorials right
02:18here, just like this.
02:19So if I were to go ahead and do that right here, then what happens is that it'll actually
02:24go ahead and then generate out contents just like that.
02:28So you can see that this is what you have.
02:29It actually took in Bootstrap right here, and then it'll actually go around over here,
02:35and then we'll get information right here, just like this.
02:39So you can see that it got some placeholders for the videos as well, just like this.
02:44And the design should be better as you go ahead and do that.
02:47So you can see that it took codes from Bootstrap as well.
02:50So let's just go around and copy that out.
02:53And now around over here, I'm simply going to go around and paste this code right here.
02:57So you can see that this is simply the same code.
03:00So let's just go around and copy it.
03:03And then around over here, I'm going to paste this out right here.
03:06This is with the Bootstrap.
03:07So let's just go around and save it.
03:09And around over here is the same file.
03:11So let's just go around and refresh this.
03:13And you can see that this is what you have right here.
03:15It took the Bootstrap codes right here, and then made it more colorful right here, just
03:20like this, as you can see right here.
03:22So it hasn't generated anything else right here, but this is what you have, as you can
03:26see.
03:27And that is how you can go ahead and generate out HTML contents by using Microsoft Copilot.
03:33So I hope you found this video useful.
03:35So be sure to comment on what you think about it.
03:37Be sure to hit the like button and don't forget to share this out with your friends and family.
03:43And for more contents like these, do follow Simple Tutorials.