All language subtitles for 3. Introduction to HTML

Hi.

We within this lecture.

We got to start covering HDMI.

OK.

So if you don't have your clinics open, please open those because we're going to be working in the

clinics.

Of course we can't.

Right.

HDMI lan learning about HDMI in any operating system.

But since we're going to work with clinics that the majority of discourse.

It will be a good practice for us.

So what does HDMI.

And why are we trying to learn it?

OK.

So HD here, Mel is in markup language.

It's not a programming language, actually.

It's a markup language or a way of showing things.

Re going to be working with HDMI a lot.

When we do web benthos think VI because we get two responses back from hosting or server is like in

an HDMI formation here.

Mel is what we see in our Brosius when we go to Google dot com or any other Web site, begin an e-mail

file back.

And that's what we see in a browser.

OK.

Let me show you what I mean.

If you open your Firefox, for example, and if you go to Google dot com or any other Web site that

you may think of.

Okay, so let me make this a little bit bigger.

So this is HDMI.

This is the representation of the HD Amelle so that we can see what's going on.

Right.

So there is an image.

There is an input over here.

There are some couple of buttons and that's it.

So if you.

Right.

Click over here, you can actually see the sors yourself.

You can say view page source.

And this is DHT, Hermel file of the Google dot com.

So as you can see, there are a lot of things going on in here.

There some JavaScript here as well.

We're not going to be covering Joe a script because JavaScript is a programming language and it's like

maybe another subject for a whole cause.

And we don't need a deep information about JavaScript in order to be a pen tester.

But we need at least the fundamentals of HDMI because Regling to be dealing with those a lot.

And it's fairly easy to understand.

And it's very easy to implement as well.

So we're going to be covering the fundamentals of the ASML so that we will understand what we're doing.

And if you say inspect element of the right click, you can see a fairly simple representation of the

HDMI over here.

We're going to be using this inspector a lot during our pend testing.

So it's good to understand how to use it right now.

As you can see, there are a couple of things over here called div body, maybe siles spend center.

So maybe if you know HDMI, you know what I'm talking about right now and if you don't know it, you're

going to learn it and you're going down there sense with all of these things in a minute.

OK, but you need to understand why though while all of these things I mean because if you don't understand

that, you're not going to understand how we pend test.

So I believe this is the one of the things that are missing in a lot of pantheistic courses online.

Okay.

On the Internet.

So that's why I have decided to include DHT, M.L.S. in the beginning of this class.

We're going to learn ASTM and we're going to understand how to read all of the things.

And of course, we're going to write all of these things as well.

But at least you need to understand how to read all of this thing so that you can understand what's

going on over here as well.

For example, re going to be working with the inspector, the network storage, all of this stuff.

I'm going to go, you know, all of those things later on.

First, we need to understand how to write HDMI so that we can fluently read it at least.

So what I'm going to do regarding to close is down.

Actually, we don't need this anymore.

Re going to open a text file.

OK.

You can write HDMI in any kind of takes file or any any kind of text editor.

So there are a couple of ways to do that.

I'm going to show you every one of them.

OK.

So let me go into do documents folder because we're going to create some tax file, RHD e-mail file.

If you write nano, Nathalie's a script that there that comes with Culley.

And if you write Nano ASTM, L1 or one dot h Timal, it will create this file for you.

OK.

And you can just start writing stuff in here.

But as you can see, Nonno.

Very simple and it's not very user friendly.

But again, we can use it.

We can write whatever we want in here.

OK.

I'm going to show you more user friendly versions, like more script that there is.

But right now, he can just write this HDMI, all HDMI out and you close the taghrid slash sign at the

below.

I'm going to show you what all of these things mean.

I'm just doing this as an example.

Am writing Hello World.

As all programmers do when they first learn about stuff, then you type this.

You can hit control.

Oh, and enter to save and control Eakes to get out of it.

And again, I'm going to explain why they all loved all of those things.

Mean just to control.

Oh, and saved us by hitting enter and hit control x to go out of the Nano.

And here you go.

Now you have this file created.

So if you open the documents folder right now from your color Linux, you will see DHT, AM Albanna,

one that H.T. Amelle and you can actually open doors in your browser.

Right?

You can just say open that Firefox and you can just open with any other Web browser as well if you want.

But as you can see, this is an e-mail file.

This is something like that page.

And we only have Hailo wrote text here as an example.

So you can use Nano to follow along with me and learn about HDMI.

But again, it's not very user friendly.

Maybe you may want something different.

OK, so in order to do that, I'm going to show you some other alternatives as well, like Genie.

So if you search for Genie, you can see Genie Dot Ark.

So this is an idea or a script editor where you can write a lot of different programming languages as

well.

Like you can write Python.

You can write Java.

I'm using Genie daily in color Linux.

So in order to download a use genie, you can use this comment app.

Dash get installed, genie.

OK.

So if it doesn't work or if you cannot download an open genie for some reason, don't worry, you can

use the other stuff that we are going to work just right.

Genie and hit enter and it will pop up the genie for you.

I'm going to be using this genie.

OK.

So you're going to see how it's used.

So let me show you some other alternatives as well.

So don't for get to make this open, you just create a new tab because the other tab is running the

genie for us.

So I'm going to go into the documents again and I'm going to call this Comanche edit.

OK.

Get it indexed that HMO.

You can name the folder, whatever you want or file whatever you want.

Apparently we don't have the G.

So let me just run this and say yes, apte getting stole G.

Edit it will install the G edit for you.

OK, so if it asks something at this point like VI or no, you just say yes and it will download the

stuff for you.

Yet that is another script editor like Nano, but it's actually a little bit fancier and a little bit

more user friendly.

So this is another alternative for you to run or just learn about HDMI.

OK, so let me clear this.

Right, G edits indexed dot HDMI.

One more time.

So here you go.

This is the geia that as you can see, it's again at simple text to deter, but it's a little bit more

user friendly.

So I'm writing some stuff, but you cannot see it.

I believe D Foam's name or font color is.

And background is vital as well.

So it's not very good.

We can change this.

So let me try and see where we can see the options.

Yeah.

Here you go.

We have this three dots and preferences.

So we have the forms, some colors.

Maybe you can choose another color like this.

Yep, that's pretty much it.

We can now see.

And let's try to actually increase the font size a little bit.

So let me change this, OK?

And come over here and just increase the size a little bit.

So you can see it in a better way.

Here you go.

Now, this is, again, a text editor.

You can just come over here and write H.

They smile and they stammer one more time, the exact same thing that I have written before and hello

wrote and hit Save.

Now you have indexed that HDMI out.

OK, I've used the index because Index HDMI is the first page that is to be shown.

Then you open the website.

We're gonna see about that.

And here you go.

We see the hello world again.

You can use G edit.

You can use Nano and you can use Jenie if you make it run.

You can come over here and say, Neil.

And you can write whatever you want, like ASTM.

But again, I believe we have to increase or just save it as something else over here.

I'm going to override the HDMI.

Well, no one HDMI one or one, that HDMI is a very good name, actually, because we're going to see

the one oh one oh face demo and e did you see it?

When I type a channel, it's close the tag automatically.

That's what I'm talking about.

It's much more user friendly.

So let me just find a way to increase the font size here as well.

Let me go to properties.

Yep.

I cannot do that from here, apparently.

So it only shows me the location and read and right.

Files of stuff.

So let me come over here to maybe file page set up.

No, no, I don't think so.

It's for printing out.

Let me go to view and zoom in.

Yep.

That's going to do it.

I'm going to zoom in so you can see it in a better way.

So I have opened that tag and right HDMI and it automatically closed the tag.

We had to do that manually before.

So if you hit the controls, save it will save it.

And if we double click on that or if we open it with Firefox, it will work one more time.

So choose either one of these or out of three actually three alternatives.

Nano Genie or G.

Edit and follow along with me.

I'm going to continue with the genie as it is the most user friendly ones.

And we're going to stop here and start learning about HDMI all in the next lecture.