- Introduction to Workspaces 4:58
- What Is HTML? 3:07
- HTML and CSS 2 questions
- Comments and Doctype 1:48
- Write a comment in HTML 1 objective
- Comments and the DOCTYPE 3 questions
- The Head 2:57
- The Head Quiz 4 questions
- The Body 1:10
- Body, 1st level headline, and style tags 3 objectives
- Wrap up 0:24
- HTML Structure 4 objectives
Preview
Video Player
00:00
00:00
The Head
2:57Where the head element should go and what should be included in the head element, such as the title and meta tag.
Below the doc type I've written a head
element which contains meta
0:00
information about the document.
0:04
Just like humans have a head that are
positioned above the body,
0:06
so do HTML pages.
0:10
And similar to humans, the head is smaller
than the body.
0:12
Therefore, only a few things go inside the
head.
0:16
And a lot of stuff goes inside the body in
an HTML document.
0:19
Meta tags are one of the few elements that
will go inside the head tags.
0:23
Meta information is like meta cognition or
thinking about your thinking only here in
0:28
our HTML document, meta information is
information about our information.
0:33
Here you can see a line that reads, meta
charset UTF-8.
0:39
Charset means character set, and in this
case,
0:45
we're going to use character set UTF-8.
0:48
This character set is what you'll want to
use 99% of the time when
0:52
creating a website.
0:55
If you're using a different character set,
0:57
you probably have a very specific reason
for doing so.
0:59
And you probably know why.
1:02
The next element you'll see between our
head tags is the Title tag.
1:05
This allows you to write a title in the
browser's toolbar.
1:10
And will come up when adding this page to
your favorites.
1:14
It will also serve as the title displayed
in search engine results.
1:18
Something to keep in mind when coding your
program is that you
1:23
may not have more than one title element
in an HTML document.
1:27
Next, you'll notice we have an opening
style tag and
1:32
a corresponding closing style tag down
here.
1:35
These two style tags indicate that what
comes between these
1:39
tags are CSS code which will control how
things look on the page.
1:42
Here you can see the first CSS statement
says where we want our first headline text
1:49
to be and the second statement says what
color we want our text to be.
1:54
In my story, I align the text in the
center.
1:59
But you could've aligned it to the left or
right.
2:02
Separated by a semicolon, is the color.
2:05
Here I chose a few colors.
2:07
There are many colors to choose from.
2:10
I use the words, green and
2:13
pink, to represent the colors for my title
and author.
2:14
But don't be surprised if you see
hexadecimal colors in the future.
2:18
These are number and letter combinations
of red, green, and blue.
2:22
We'll talk more about hexidecimal colors
in the future.
2:26
However, if you're interested in learning
more about them now,
2:30
I've linked a page about hexidecimal
colors in the teacher's notes.
2:33
Well, we talked about the head tags being
positioned above the body.
2:38
More specifically, they begin right after
HTML tag and before the opening body tag.
2:41
Speaking of, I'm excited to move on to
what goes inside the body.
2:48
But first, let's take a quick quiz on
character sets, title elements and
2:52
style tags.
2:56