Instructions about how to create webspace: Mathlab:~username/www/ http://www.mathlab.sunysb.edu/html/tools.html#help AMS: ~username/public_html/ Sparky: http://www.sinc.sunysb.edu/helpdesk/web.shtml ----------------------------------------------------- Introduction ----------------------------------------------------- HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup tags The markup tags tell the Web browser how to display the page An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor Basic structure: title name content Notes: HTML elements are defined using tags. tags are surrounded by angle brackets <>, come in pair(

start tag

end tag) tags are not case sensitive tags can have attributes which provide additional information. Attributes are always in the start tag. for example: ...

----------------------------------------------------- Basic tags ----------------------------------------------------- Headings defined with

to

This is a heading 4

Paragraphs defined with

this is a paragraph

Line Breaks defined with
, no closing tag. Comments ----------------------------------------------------- Formatting ----------------------------------------------------- Bold text Big text Emphasized text Italic text Small text Strong text Subscripted text _{Superscripted text ^{Inserted text
Deleted text
-----------------------------------------------------
Character Entities
-----------------------------------------------------
To display special meaning symbols like <,>,",',&,...
non-breaking space
< <
> >
& &
" "
' '
cent ¢
pound £
yen ¥
......
-----------------------------------------------------
Links and Images
-----------------------------------------------------
Link anchor tag
Text to be displayed
url could be any resource on the Web: an HTML page, an image, a sound file, a movie, etc
Text to be displayed
this label can be used as url. href="#label"
liuxt12@ams.sunysb.edu
Image no closing tag
url points to image location
.jpg
.gif

src=
alt=
border=
width=
height=
Image link

-----------------------------------------------------
Tables
-----------------------------------------------------
table tag
caption tag
column tag
row tag
table head tag
Attribute border="1"
example:
0-inf

Heading
Another Heading

row 1, column 1
row 1, column 2

row 2, column 1
row 2, column 2

-----------------------------------------------------
Lists
-----------------------------------------------------
unordered lists

Coffee
Milk

ordered lists

Coffee
Milk

-----------------------------------------------------
Background and color
-----------------------------------------------------
tag has two attributes where you can specify backgrounds.
bgcolor="rgb(?,?,?)" 0-255
"#??????"
"black"
background="url"

-----------------------------------------------------
Styles and Layout Control(CSS)
-----------------------------------------------------
CSS stands for Cascading Style Sheets
Styles define how to display HTML elements
When a browser reads a style sheet, it will format the document
according to it. There are three ways of inserting a style sheet:
Browser default
External Style Sheet
An external style sheet is ideal when the style is applied
to many pages. With an external style sheet, you can change
the look of an entire Web site by changing one file. Each page
must link to the style sheet using the tag. The tag
goes inside the head section.

Internal Style Sheet
An internal style sheet should be used when a single document has
a unique style. You define internal styles in the head section with the

Inline Styles
An inline style should be used when a unique style is to be applied
to a single occurrence of an element.

To use inline styles you use the style attribute in the relevant tag. The style
attribute can contain any CSS property. The example shows how to change the color
and the left margin of a paragraph:

This is a paragraph

Format:
selector {property: value}
selector is any kind of tags.
To learn more about styles, check with CSS tutorial.
-----------------------------------------------------
Frames,Forms, and more!
-----------------------------------------------------
-----------------------------------------------------
See good page? View their source!
-----------------------------------------------------
Reference: http://www.w3schools.com/html/html_intro.asp
-----------------------------------------------------}}