7/30/2019 Code a Caden My Notes

1/3

HTMLSetting up document

On the first line. This tells the browserwhat language it's reading (i.e HTML).

Everything in our HTML file will go between

the opening and closing

tags.

The head includes important information

about the webpage, such as its title.

_____________________________________

_____________________

Headings

____________________

_____________________

ImagesThis tag is a bit different fromthe others. Instead of putting the

content between the tags, you tellthe tag where to get the picture

using src i.e. .

Clicking Image

Put a tag before your

tag and a tag after them. In the quotes

after href=, put the website address!Hyperlinks / Links

href stands for "hypertext reference. href

tells that link where to go i.e a webpage.

text between and is the text youclick on

Ordered list 1,2,3 etcopening tag

wrap each individual item with and

tags.

Unordered list

Comments/NotesYou can include little notes in your HTML code

that the browser won't display. But it will be

in the code to help you remember why you

did certain things.

7/30/2019 Code a Caden My Notes

2/3

CSS-style="background-color:yellow"

-style="text-align:center"

"text align:left" (or right, or center)

-bold

-italicize words for emphasis

and closing tag .

-style="font-family:Futura"

Tables

- ("table data") cell to the first row,

essentially creating a single column.

- create table rows with .

- create table data cells with

-Make a column span 2 columns with the

colspan attribute

-

Title

Famous Monster

Birth Year

King Kong

1933

Dracula

1897

Bride of Frankenstein

1935

tag. Short for "division,"

allows you to divide your page into

containers (that is, different pieces). Then in

CSS you'll be able to style different parts of

your website individually!

sidebars, menus etc

OTHER

The tag is the one used to make

hyperlinks (or just links) on webpages.

These are the words or images you click to

go to a new page!

Just like , has an attribute that

tells the link where to go. Instead ofsrc,

uses href, like so:

Learn to

code!

src stands for "source." It tells the

link where the picture comes from!

hrefstands for "hypertext reference."Remember when we said that hypertext

7/30/2019 Code a Caden My Notes

3/3

(that is, links) is text you can click on?

Well, hreftells that link where to go! The

text after hrefis the web address, and the

text between and is the text you

click on.