Code relating to structure

<HTML>

Always at beginning of an HTML document

Signifies that the document is HTML, w/o this tag browser can’t read the page

<HEAD>

Contains the page URL, META and TITLE tags, location of linked style sheets

<TITLE>

Title of your page, shows up in the browser window. Illegal characters are acceptable here.

<META>

Invisible when viewed in browser, info about the current page: character encoding, keywords, author info

How google.com will find your page

<BODY>

This is where the content goes, specifies how the page looks, this is what people see: text color, link color (if not using CSS) is specified here

code relating to links

<a href= "page2.html"> This is where the text of the link is written </a>

Don't use "Click here"

<alink”#336699”>

Active link color, what the user sees while clicking on the link

<vlink=”#003399”>

Visited link color-what the user sees after the link has been followed

Also you can delcare hover states.

All of this is found under MODIFY | PAGE PROPERTIES

Or, via your style sheet

Absolute Links

http://www.designinteract.com/sow/

Describes an absolute address. Always use for a link that refers outside of your site.

Relative Links

../courses/myfile.html
myfile.html

Describes an address relative to the referring file. Use when linking within your own site or directory.
../ means jump one directory

../../ jump two directories

Site Relative Links

/sow

Links are coded relative to the root folder of the site. Good for navigation bars.

Anchors

#bottom
thefile.html#bottom

Can't remember how to make an anchor?

Code relating to typography

Due to downloading constraints, keep this to a minimum. Good for logos, navigation bars.

This starts a new paragraph-create a paragraph anytime you have a hard return

<br />

Forces Line breaks, like RETURN or ENTER on keyboard when you type. Basically, like single spacing

NO closing tag necessary

<b>pay attention!</b>

Makes text bold

<em>fancy</em>

Italicizes text

Section headers

Smaller the number, the bigger the size of the header, <h1> is bigger (more important) than <h7>

You can set your body font in the MODIFY | PAGE PROPERTIES menu

Keep your font size in PIXELS.

CODE RELATING TO TABLES

Basic info about XHTML

(x)HTML MARKUP

(x)HTML uses a combo of tags, attributes and values to generate results
tag+attribute+value = element
most tags require <open tag> and </closed tag>
page structure: in HTML all pages must contain <HTML>, <HEAD> <TITLE> and <BODY> tags
<whatever is inside these tags doesn't show up> this does </>

ELEMENT

identify and structure the different parts of a page. i.e: header, paragraph, tables
can have multiple attributes and values

ATTRIBUTES AND VALUES

attributes: contain info about the data in a document
values: tells the value (size, color, etc) of the attribute
values must be within " "
numeric values never contain the units of measure (inches, pixels, etc)
values of color can be names or hexcode

Code about color

hexcode

How RGB color is coded for the web.

Dreamweaver generates this for you.

RR GG BB

<bgcolor="336699">

background color of a page or a table or table cell