So here I am at the Shayhowe textbook, and
I'm on the section called
Getting to Know HTML.
If you're like me, when you're
reading things about programming,
you read them and you nod along,
even when you don't always completely
understand what they were talking about.
And you wish there was
some sort of example, or
a teacher showing you in
real time what's going on.
Well, Shayhowe uses CodePen, and
that's one of the reasons I
really like this textbook.
So let's take a look at
what I'm talking about.
As you scroll down,
you definitely that there is places where
there is code while you're reading,
functions right here.
You can see that they're
talking about the visions and
they've given a little text and
it's HTML and
you understand the code but
you don't really know what it looks like.
Well, if we scroll down
a little bit further,
you'll come across code that's actually
inside something called CodePen.
What you want to look for
is this caption, right here.
It actually says Edit on CodePen on it.
So let's see what happens
when I click on this link.
What CodePen does is it gives
you a chance to see the HTML and
also perhaps the CSS and JavaScript.
I know that you don't necessarily
understand CSS or JavaScript yet.
You may, you may not.
But you can still always play
with all the different parts.
Let me make this a little bit bigger so
you can see it.
And you can see that
they've put in the code for
heading Level 1, Level 2, Level 6.
I'm going to go in there and
I'm going to change it.
And I'm going to say what happens
if I change this H3 to an H1?
Go over here.
You can see that Heading Level 3,
even though it says Heading Level 3,
is much bigger.
I love CodePen and I really encourage you
to always click on it, and go in, and
see what happens when you type things in.
You don't need an account,
although you can definitely have one.
It's a great way to feel like you
really understand and own the content.
