Art301MW – Week 2A Notes and Assignment

Anatomy of HTML

<tag> content </tag>

<h1> content </h1>

<h1>content <b>content</b> other content</h1>

<html>

<head>

</head>

<body>

</body>

</html>

<p style=”color:red;” alt=”something goes here”>content</p>

What is the <head> tag?

4 file naming rules:

1. don’t use caps – use lowercase

2. don’t use spaces – use _ or –

3. don’t use special characters ?&%$!@-+

4. always use a file extension – .html .jpg .png .gif .pdf

block level element

creates a new line/section of content

inline level element

alter block level and not create new line/section

LISTS

ordered list

<ol>

unordered list

<ul>

Links

<a href=“http://www.website.com”>content</a>

if leaving your root folder must have http://website.com – absolute link.

relative are to files within your root folder.

SAME FOLDER

CHILD FOLDER

GRANDCHILD FOLDER

PARENT FOLDER

GRANDPARENT FOLDER

Image links

mailto link

<a href=“mailto:email@email.com”>content</a>

Assignment DUE WEDNESDAY – SAMPLE FILES HERE.

ASSIGNMENT #2:

5 PAGE WEBSITE

TOPIC: YOUR FIRST PET