Important notes

COSC 155

Structure:

html:
Start and end of website.

head:
Start and end of browser top bar. Insert title, script, and styles here.

title:
Start and end of title. Goes inside the head but on-top of the browser.

body:
Whole words type in the website for paragraph and headings.

h1:
Heading of page

h2:
Subheadings of page (up to 6 headings)

p:
Start and end of paragraph on a page.

b:
Bold Text

i:
Italic text

sup:
Superscript (2 2)

sub:
Subscript (H 20)

hr /:
Horizontal line break

br /:
Line Break

strong:
Strong bolding

em:
Strong italics

blockquote:
Blockquotes

Ex. (blockquote cite="http://www.examplesite.org") (p)Example(/p)(/blockquote)
Use for longer quotes that take up entire paragraph.

q:
quotations

abbr:
Abbreviation

Ex. (abbr title="National Aeronautics and Space Administration")NASA(/abbr)
Cutting the name short.

cite:
Reference a piece of work

dfn:
New terminology

address:
Only use for contact details

ins:
Inserted word or underline

s:
Strikethrough

Lists:

ol:
Number list

ul:
Dot Bullet list

li:
Start list or sub-list items

dl:
Start definition list

dt:
Term

dd:
Definition meaning

Images:

img:
Add an image on a page

src:
Tells the browser where it can find the image file

alt:
Provides a text description

Ex. (img src="Example.jpg" alt="An example" /)
Attributes to add the image

Ex. (img src="Example.jpg" alt="An example" title="An example of an example." /)
Provides additional info of image.

Ex. (img src="Example.jpg" alt="An example" width="600" height="450" /)
Increase or decrease size of image.

Align:
Position of the image on the site. Can position left, right, top, middle, and bottom.

Ex. (img src="Example.jpg" alt="An example" width="50" height="50" align="right" /)
Image Position.

figure:
Contains both image and caption

figcaption:
Caption on an image

Abbreviation for () = The arrows >>>>


Main Page
Top of Page