Name: HTML入門 - 構文と書式設定 (HTML Intro - Syntax and Formatting)
Uploaded: 2021-01-14T10:18:26.000Z
Duration: 22 min 16 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

please remember that the complete information for the class that you are about to view is at Eli, the computer guy dot com.

様態の副詞

Not only do we have our videos there, but we have part lists, diagrams, pictures and even complete code examples.

So if you are watching this video and you want more information, please go to Eli, the computer guy dot com.

As you know, I am Eli the computer guy, and in today's class, we're going to go over the basic syntax structure of HTML.

So html hypertext markup language is the basic language that you're going to be using in order to be able to build your websites.

The nice thing about HTML is that it's very relaxed in a lot of conventions, so it doesn't care about things like capitalization or white space.

But it does care about tags within an HTML document.

Everything has to be enclosed within tags.

And so today I'm going be showing you how that tag system works and why it's important.

So there's a bit of a warning warning for the class today, especially when you go to do further research to learn more about the syntax of how to design things in HTML, there've been two major versions of HTML over the past 20 years.

There was HTML four, and there's now HTML five.

What I'm going to be showing you today is very much in the old HTML for mold, and the reason is is because I feel that this is an easier way to teach HTML two new students.

The thing is with HTML five, some of the things that will be showing you today have been deprecate ID, but but but modern Web browsers are fully understand html four.

And so what I'm showing you today will work on any modern or old Web browser.

But it is important, understand, when you go out there and you start doing some further research toe, learn about HTML.

Syntax is you will see notations talking about the differences between HTML four and HTML five.

It is important, understand, there are two different versions of HTML, but this isn't like python.

This isn't unlike other programming languages, where when a new version came out, the old way was completely deprecate ID.

We're in this weird thing with HTML, where you can code in a cm afore you can code in html five and more or less browsers will understand what is going on.

I'm going to be showing you today like gonna be showing you things like the head tag.

So in html five, you don't necessarily need to use the head tag.

But I think this is an easy way of explaining to you how an HTML page is broken broken out on.

Then in the future, you can decide, You know, basically, which way you want a coat.

What I will be showing you today is very much in the HTML for vain, but it's going to work for most of the things that you're going to need it for.

So really, the best way to start understanding html really is to dive right in again.

This is a very, very, very simple markup language.

What I'm gonna be showing you today is the basic layout of an HTML page.

I'm going to show you the head, the body and how do you close everything in HTML tags?

I'm then going to show you how tags works.

Basically, how to open a tag and how to close a tag.

And then I'm going to be showing you some certain things, such as the fact that capitalization does not matter came out.

So this is very important when you're dealing with HTML a lot of times again.

When you're when you're reading references, you'll you'll see things that are capitalized to see things that are lower case.

In the HTML, world capitalization doesn't matter.

This is kind of one of things that screws up old timers like me because back in the day are back in the day when I learned HTML.

Whenever you're creating tags, you capitalize those tags and easy way of understanding where the tags were as you capitalized all the letters and a tag, and so you could very easily be able to see that on a pig.

Now, in the modern world of the young, kids out there have decided they don't like capitalization on.

Web browsers honestly don't care about this.

It's all just depends on what you decide to type out.

So this is kind of one of those things again.

What the style is, what whether you do capitalization, whether your lower case, the main thing is, is just stick with whatever you decide to do so that it's the same within an HTML page.

Ah, the other thing that's very important is that white space does not matter.

In the HTML world Onley tags do so basically, when the Web browser is reading your HTML document.

Basically, it's formatting everything based off of these tags.

Eso if you start putting things on different lines, but you don't have tags to show, these things should be on different lines.

The Web browser would just put everything onto a single line because again, it's looking for the tags.

All all the formatting with an HTML document is all based off of tags.

If you don't put a tag in, it will not be recognized by a Web browser, and the Web browser will simply reformat everything based off of how the tags are so that let's go over the computer and I can show you how basic HTML document works.

So here we are, on my lab computer again, I use a Mac book for my lab computer.

But in order to write out this HTML document, all you need is a basic asking editor.

Eso again in the Mac world, I'm using text at it.

If you're using Windows, you can simply use note pad.

If you're using Lennox, you can use G editor them or something like that.

The important thing is whenever you save the HTML document that you always use the extension of either dot HTM or dot html so that the computer knows how to open it.

So with this, basically, I have typed out this basic little Web page here.

I have saved it to my desktop here and says it has that dot html extension.

When I double click, it opens up, and now we can see what this particular Web page looks like again.

It's not very sophisticated, but it is a weapon, so just simply says, Hello, world.

The title of this page is test Web page eso All of this has been encoded with with HTML.

I can also show you that If I d'oh open with an open this with Google Chrome, we can see that basically, here again, we get that test Web page we get.

This is a test Web page, and so again, this is the important thing with HTML.

The fact that you can open up an HTML document in any Web browser and it will be able to interpret it.

That's what makes HTML so powerful, especially from people coming from my generation.

Now the first thing on here that I want to show you is this this doc type.

So this used to be a lot more important again.

One of the things have to be thinking about when you start dealing with HTML is that HTML again was created back in the nineties, really deployed back in the nineties and back in the nineties.

There wasn't the standardization the way that we have now again, the concept the concept of HTML was, Hey, this is a way that we can co two documents, and then all of these different Web browsers will be able to read the same document.

And of course, when the major corporations came in jail hell type.

You've probably heard this before with other technologies, and basically they failed.

They failed, but it took him a decade to fail.

You know, again, with all these major corporations, it's been a lot of time, money and energy toe to fail sometimes and eso during the process of failing, you had a lot of issues with HTML again, certain certain Web browsers would would be able to use specific tags.

So if you wanted to do something that Netscape Navigator would understand, you would have to use different tags than if you then if people are going to your website using Internet Explorer and that type of thing, they're also different markup languages like ex HTML, that type of deal that have kind of fallen by the wayside.

So what this up here, this doc type, I honestly, I never put this into my HTML documents.

The only reason that I'm showing you this here is I realized, as a good teacher, two new students.

This is not something that I personally ever put into my html pages because again, at this point, we're dealing with modern browsers.

They understand how to deal with the HTML, let him giving them.

But you should realize that putting a doc type here might be important.

Yet if you're working in an enterprise environment, if you're going to be selling stuff to the public, if you're gonna be taking a test in school, make sure put a doc type.

This what this does here is this Doc type says what you're going to be seeing now is an a T M L file.

So basically, what this is telling to the Web browser is everything that follows is HTML.

字幕リスト動画再生

HTML入門 - 構文と書式設定 (HTML Intro - Syntax and Formatting)

literally

nasty

basically

matter