Introduction and Beginning
-
Introduce students to HTML and CSS:
-
What are HTML and CSS?
HTML and CSS are ways to design webpages. They are used to give background colors,
change text design, and align things.
-
What do the letters HTML and CSS stand for?
HTML stands for HyperText Markup Language, and CSS stands for Cascading Style Sheets.
-
How are they used?
HTML is a markup language. That means you "markup" whatever it is that y ou want to
design. CSS is made up of levels of style sheets. That means you put the styles you want
in the style sheet, and then the HTML calls those styles.
-
Have students create a folder titled "public_html" in their home directory.
-
Open a new document in TextWrangler and save as "index.html" in the public_html folder.
-
Explain basic tag syntax: how to open a tag, define the tag's content, and close a tag.
-
Tags must open and close. An opening tag looks like this: <tag>. A closing tag
looks like this: </tag>.
-
On rare occasions, there is no closing tag. In these situations, the opening tag must
also be the closing tag. That would look like this: <tag />.
-
Explain parenting tags: children tags "inherit" qualities of the parents.
-
Explain proper tabbing practices: indenting when things are inside other things helps make
code more understandable.
-
Explain each of the following tags as we incorporate them into our new file:
<!DOCTYPE HTML>
<html> </html>
<head> </head>
<body> </body>