These are the slides from my Intro to HTML talk that I gave for Trade School Indy on 12 Feb, 2014.
More information posted at http://randyoest.com/html/ or follow me on Twitter at @amazingrando.
3. Why Learn HTML?
1.
Running a blog on a CMS and
want to tweak things
2. Working with a developer and
want to understand how to talk
with them
3. Web designer looking to
understand how things get built
4. What We’ll Learn
1. What is HTML
2. How to mark up a
document
3. How a page is
structured
11. Anatomy of a Tag
<tag>Text</tag>
Start Tag
End Tag
12. About 80 Tags
a
code
abbr
col
acronym
colgroup
address
dd
area
del
b
dfn
base
div
bdo
dl
big
DOCTYPE
blockquote
dt
body
em
br
fieldset
button
form
caption
h1,
h2,
h3,
h4,
h5,
and
h6
cite
head
object
html
ol
hr
optgroup
i
option
img
p
input
param
ins
pre
kbd
q
label
samp
legend
script
li
select
link
small
map
span
meta
strong
noscript
style
sub
sup
table
tbody
td
textarea
tfoot
th
thead
title
tr
tt
ul
var
13. Some Are Used More Often
a
code
abbr
col
acronym
colgroup
address
dd
area
del
b
dfn
base
div
bdo
dl
big
DOCTYPE
blockquote
dt
body
em
br
fieldset
button
form
caption
h1,
h2,
h3,
h4,
h5,
and
h6
cite
head
object
html
ol
hr
optgroup
i
option
img
p
input
param
ins
pre
kbd
q
label
samp
legend
script
li
select
link
small
map
span
meta
strong
noscript
style
sub
sup
table
tbody
td
textarea
tfoot
th
thead
title
tr
tt
ul
var
30. Absolute Links
Absolute links point
directly to the destination.
<a
href=“http://foo.com”>Text</a>
Typically starts with http://
31. Relative Links
Relative links are based on
where the destination is
from where you are.
<a
href=“/folder/page.html”>Text</a>
<a
href=“../page.html”>Text</a>