HTML || HTML5
Basic:
1. Html = Hypertext Markup Language
2. This isn't a programming language since it doesn't
actually do anything. ( It's like how English isn't a programming
language either: you can't "run" English. Same idea with HTML: you can't "run"
HTML. HTML is simply the language and pictures on the page. )
3. It's the static (which is another word for unchanging)
content.
Tags:
4. A tag is a building block. It describes what's inside it. Every tag
has an opening and a closing tag (some tags open and close at the same point.)
<h1>Hello World</h1>
</h1>
, Extra Info about heading h1:
It's bigger and bolder because that's what browsers do with h1s, it
makes them look important on the page. However it does more than that
too. Browsers aren't the only thing reading websites. Blind and people
who can't see well will use screen readers to read
web pages out loud to them; it uses things like headers to
understand what information is important to read to the users. It's also how
In
Google and Bing will understand the important details of your website.
other words, it's important which type of tag you use.
More than just the visual aesthetic is using those
tags.
5. A tag, whether it's opening or closing, are surrounded by angle
brackets, < and >.
6. Closing tags always have a slash, /, after the opening angle
</h1>. There are things called "self
</h1>
bracket, so it looks like self-closing
tags" or "voidvoid tags"
tags that open and close themselves. These will look
like this: <input /> (I'll explain in a sec what inputs are.). That slash at the
end means it is self closing. To make it more confusing, that last slash is
optional, so <input> (with no closing tag ever) is valid too
since input tags are always self-closing.
self
Basic:
1. Html = Hypertext Markup Language
2. This isn't a programming language since it doesn't
actually do anything. ( It's like how English isn't a programming
language either: you can't "run" English. Same idea with HTML: you can't "run"
HTML. HTML is simply the language and pictures on the page. )
3. It's the static (which is another word for unchanging)
content.
Tags:
4. A tag is a building block. It describes what's inside it. Every tag
has an opening and a closing tag (some tags open and close at the same point.)
<h1>Hello World</h1>
</h1>
, Extra Info about heading h1:
It's bigger and bolder because that's what browsers do with h1s, it
makes them look important on the page. However it does more than that
too. Browsers aren't the only thing reading websites. Blind and people
who can't see well will use screen readers to read
web pages out loud to them; it uses things like headers to
understand what information is important to read to the users. It's also how
In
Google and Bing will understand the important details of your website.
other words, it's important which type of tag you use.
More than just the visual aesthetic is using those
tags.
5. A tag, whether it's opening or closing, are surrounded by angle
brackets, < and >.
6. Closing tags always have a slash, /, after the opening angle
</h1>. There are things called "self
</h1>
bracket, so it looks like self-closing
tags" or "voidvoid tags"
tags that open and close themselves. These will look
like this: <input /> (I'll explain in a sec what inputs are.). That slash at the
end means it is self closing. To make it more confusing, that last slash is
optional, so <input> (with no closing tag ever) is valid too
since input tags are always self-closing.
self
