排行榜 统计
  • 建站日期:2020-12-31
  • 文章总数:831 篇
  • 评论总数:8 条
  • 分类总数:7 个
  • 最后更新:3月1日
推荐菜鸟课堂

2. What is HTML

本文阅读 0 分钟

So what is the HTML?

Actually most stands for hypertext markup language.

It is not a programming language but it is a markup language.

It is used to structure a web page and is used to create web pages online and we can create some pages

on our local environment in our computer in this case.

Now how does it look like.

Well the moon looks like this we first start by typing in a left angle bracket then a character then

enclosed in that character with another bracket in this case is going to be a right angle bracket.

Then we have created a HD tag.

The next thing is to enclose something in this HD M-L tag.

In this case we're going to be enclosing a têtes.

This touch is going to be enclosed in this HDMI attack.

Now before we are done with it we need to actually close and Zakes the M-L tag.

Right.

And the cause intact looks very similar to that opening tag in the beginning there.

This is the closing tag right here.

The only difference is that he has a forward slash as you can see right here.

So these will be called a closing tag.

All right.

So now this tetes was all formatted before we did anything to it and now he's formatted.

Now we have a whole bunch of different tags.

And basically we do the same thing we're doing with the first one we enclose whatever we won in between

those tag.

Now the next one here is a nother piece of têtes.

Does inclosing the H-1 tag.

Now this H-1 is going to make these tests a lot bigger is going to make it ache heading.

So it's going to be bold and he's going to be way bigger than that.

Now we can always override those styles and those are called the four styles by the browser right now.

Not all the attacks are going to be are going to have a closing partner in this case the H R which stands

for horizontal rule does not have a closing tag.

Right.

And there are many of them that don't have a closing tag.

But I'm going to show you which one do and which one don't.

All right.

So let me just give you a little list here of some HMO tags just to give you an idea.

All right.

The strong tag makes things bolder thicker thicker tets the Odeo you can put Odeo in your web site the

form you can put form elements for contact forms.

They either or that you see makes things italic.

All right.

So the H1-Bs a heading tag.

So I mean there are many and many of them just wanted to give you a little list so that way you can

be aware of some of them.

Now how does it really work well with put a bunch of HD attacks in a text file.

All right.

As you can see right here this is a whole bunch of them in Boulder.

The paragraph there because that's the only one that we will be able to see in the browser anything

in between that body tag which is right above that tag and right below you see the ending of that body

tag.

Anything between those tags are going to be visible in the browser.

Anything above that body tag like the hair element there that's a non visual part of that document.

All right.

Those things will be doing something else and I will explain how they work later on.

Now when you grab all of that text that you saw there and you put it inside this text file you need

to save it without that HD extension and we can put any name we won on that file.

So I can name it in the mail just to make it a home page or I can name it.

Edwin Deitsch the mail right.

That would create web file.

And you can upload it to your web server and work with that.

Right now let's talk about see assess see assistance for cascading style sheets.

And it is used to control how a page looks very simple just a styling of the document.

All right.

So how does it look like.

Well we first start a CSSA rule by actually writing a selector This is called selector in this case

we are selecting any the e-mail tag that has a P in it right.

Any p tag will be selected.

We first write a curly bracket opening curly bracket.

Then we close that curly bracket like this right.

Right curly brackets.

Actually we start with the left curly bracket and then with it right curly bracket at the bottom there.

Now you can put as many spaces as you want between those brackets.

It really doesn't matter.

Then after that we write a property that we want to override.

So we want to let's say change the color on the speed tags and we put a call in to separate the property

with the value and this is what's going to change everything.

So we're changing the property of that P-TECH which is the color for I read write color.

So we grabbed that value and we can change the value of black in it we can even use codes to write coloreds.

So we end this command by typing in the semi-colon we're telling the browser we're done with it.

Now you need either you need to go down because we are done changing this property right so it goes

down to the next property.

If it doesn't find the next property we'll go down to that curly bracket that you see there and it will

keep going to the next selector in the next game in and that's the next case could be a H-1 tag.

Right below this right H-1 tax selector or maybe abody tax Electa right.

It could be any of those.

So now let me just give you an example a little less here of some of the CSSA properties that you might

find out there.

These are common ones as you can see there.

And in this case there are very few there but they are many of them are right.

So you can see visibility will change the visible visible aspect of the property so we can make things

invisible without visibility property.

We can change that position with our position property there.

We can transform that tax without one there.

We can change the tax family how the tetch looks we can align things we can change the color I mean

we can do a lot of things to our elements in our document.

All right now how does it really work.

Well we put a we put this test right there you see there right because it is tetch in the beginning.

We put this in a text file and we put the selector with the properties in the values and all that and

then we save it without Dossey assets.

See a SS extension just like we did with that HD.

All right.

This is the difference here.

When you change the extension because when you before you save the file you're going to have that TGT

extension which is for têtes right.

So you change all of that and you take that extension off and you save it as a data set.

This is going to make a CSSA file.

In this case we are going to be naming a style that's SS But you can name it whatever you want.

All right so people named style sheets.

Right so some people name is styles.

I just name it style.

SS Because I just wanted to and for me looks good.

All right.

So that's it.

Now that's that text that you saw before the slides here is going to be like this in the browser.

All right.

We're going to see if you remember we saw the P-TECH with the color of red and we are changing the font

weight.

So we're making this phone way in different ways just how thick that text looks in this case is going

to be thicker than a regular paragraph.

Right.

And the color is going to be red.

So this is how it is going to show in the browser when you saved that file.

And of course if you link it to your document.

So anyways I hope this gave you an idea how the mail in the SS works.

Right.

So I hope I see you in the next lecture.

And thank you so much for watching this.

And sorry if it was a little long but I wanted to get it over with and show you exactly why they are.

So I see you in the next lecture and let's go let's do it.

   
您的大名:
万水千山总是情,给个打赏行不行。 打赏
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://leona.show/archives/929/
-- 展开阅读全文 --

作者信息

Royal
文章 17 篇 | 1.2k 阅读
最新文章

随机推荐

广告

热评文章

168 ms