- Introduction to the HTML Document and Uploading a Picture 2:39
- Editing Your HTML 2 objectives
- HTML Comments and JavaScript 2:08
- Changing Keywords 4 objectives
- Linking an External Style Sheet 2:15
- External Style Sheets 3 questions
- Background Color, Margin, and Padding 1:19
- Background Color, Margin, and Padding 3 objectives
- CSS Selectors 1:30
- CSS Selectors 3 questions
- What's JavaScript? 3:33
- What's JavaScript? 5 questions
- How to Get an Image Respectfully 2:46
- How to Get Images Legally on the Web 3 questions
Preview
Video Player
00:00
00:00
HTML Comments and JavaScript
2:08In this course you are going to learn about how to use comments to explain what's going in an HTML document. You will also learn how about the button, audio and JavaScript and how they all work together.
In this video, we're going to be finishing
up learning about the index.html document,
0:00
and show you around the JavaScript.
0:07
To do this, I'm going to talk about the
button, audio tags and
0:09
JavaScript all at the same time.
0:13
Because really they're all related.
0:16
If you feel like I'm going through this a
bit quickly,
0:18
that's because this video is just meant to
get you editing, and
0:21
we'll go through everything line by line
later on.
0:25
In the body we're using a lot of new
features.
0:29
I've used comments to try and locate, what
each feature does.
0:32
At the top we have the car image, which
you should know all about.
0:37
Next we have some buttons for our key,
steering wheel, and nitrous oxide, and
0:41
then some audio files, where each of those
are going to make a sound, and
0:47
some JavaScript which tells the browser to
play the sound when click on the Button.
0:52
I wanna point out three special keywords
located in the Button,
0:58
Audio and JavaScript.
1:03
It's StartCar, Honk horn and Peel out.
1:05
And you can find them in all three
locations,
1:09
because they're gonna work together.
1:12
Up here, it's gonna be the value in our
link attribute.
1:14
In our Audio it's going to be the value in
our ID Attribute,
1:18
and then our JavaScript it's going to be
the name for our function.
1:22
While you're editing, keep in mind that if
you're changing one of
1:27
these special keywords, you're gonna want
to change them in all three locations.
1:30
Or, you can mess with the app, and switch
them all around.
1:35
So the horn makes the key sound, and
1:38
the key makes the nitrous oxide sound or
whatever you wanna do.
1:40
In this course, there's a lot of new
things to try out and
1:45
become familiar with, and there's no other
way to do that than to get started.
1:48
The next video, we'll go over what's
happening in the external style sheet,
1:53
but, you can start editing the HTML page
at any time.
1:58
Have fun with the new features.
2:02
And when you're ready, test your knowledge
in the co-challenge.
2:04
We'll see you soon.
2:07