Head1: Quick HTML and HomePage Tutorial

(Caveat Usor: Let the User Beware that this Page in Under Construction)

Remark: Usual Start of an HTML page is the HTML Command or Markup Tag:
<HTML>
Remark: The Head Title Bar Label above is Made with the HTML Command:
<HEAD><TITLE> Title: Quick HTML Tutorial </TITLE></HEAD>
Remark: The HTML Page Body Begins with the HTML Command:
<BODY>
Remark: The First Heading (Centered here) Above is Made with the HTML Command:
<CENTER><H1> Head1: Quick HTML Tutorial </H1></CENTER>
Remark: Horizontal Rules Above and Below are Made by the HTML Command:
<HR>
Summary Remark: HTML Commands or Markup Tags are Enclosed in Angle Brackets (e.g., <Tag>). Some Tags are Single (e.g., <HR>) While Others Come in Pairs with "<StartTag>" and "</EndTag>" (e.g., <BODY> and </BODY>; Markup Tags are NOT usually Case Sensitive (e.g., <HR> or <hr> works). Here, Markup Tags have been Bolded and CAPITALIZED for easy Identification. Oh, HTML stands for "HyperTextMarkupLanguage".

Basic Web Page


Basic Sample Web Page: Approximate Minimal Set of HTML Tags for a Web Page:

<HTML>

<HEAD> <TITLE> Some Title </TITLE> </HEAD>

<BODY>

<H2> Some Heading </H2>

Some Page Body

</BODY>

</HTML>


Sample HomePages


Click here for Very Basic, Example Starter Home Page


Caution: Your home page needs to be called "index.html" in a directory named "public_html" on the local Web Server, which varies with your network (e.g., babe.math.uic.edu = www.math.uic.edu for UIC MSCS, zariski.math.uic.edu for UIC MSCS Sun network, tigger.cc.uic.edu for UIC Faculty accounts, icarus.cc.uic.edu for UIC Graduate Student accounts, etc., but your milage and syntax with vary with the network or subnetwork).
Hint: Use your Browser's "View Source" or Similarly Named Option to examine the HTML Commands used in these Sample HomePages. If the Sample is Suitable, Copy it to Your Own Account and Edit to Your Own Attributes. For your Vitae, you can use either an HTML or PostScript Version, but there are many other Options.
Click here for a More Complex, Example Home Page


HTML Line Breaks


Line Break (Forces Break into Separate Lines):

Line 1.<BR>Line 2.<BR>Line 3. Makes:

Line 1.
Line 2.
Line 3.


Pargraph Break (Forces Break into Paragraphs Separated by a Line):

Paragraph 1.<P>Paragraph 2.<P>Paragraph 3. Makes:

Paragraph 1.

Paragraph 2.

Paragraph 3.


Horizontal Rule (Also, a Type of Line Break; See Above):


HTML Fonts


Basic, "Physical" Font Tags:
Browser Sensitive, "Logical" Font Tags

(Remark: Logical Fonts are Preferred Over the simpler Physical Fonts Above, Since the Logical Fonts are more Robust with regard to General Browsers (i.e., Browser may find a Substitution for a Logical but not Physical Font; "Trust Your Browser" is the Saying):


Heading Levels 1 Through 6 in Own Format:

<H1>Heading Level 1</H1>

<H2>Heading Level 2</H2>

<H3>Heading Level 3</H3>

<H4>Heading Level 4</H4>

<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>

HTML Lists


Ordered List:
Unordered List (Unnumbered with Bullets):
Unordered List (Unnumbered withOUT Bullets): Caution: The Paragraph Break <P> does not work in many HTML List Environments.

preformatted text as table
      1            a
      2            b
      3            c

block quote

Test for c90start.f as href only

Test for c90start.f as a file="http:... only



  • interactive menu item 1
  • interactive menu item 2
  • directory list item 1
  • directory list item 2

  • Table Format:

    <CENTER> <TABLE BORDER="1">
    <caption align="bottom">Table Caption</caption>
    <TR> <TH> Heading 1 <TH> Heading 2 <TH> Heading 3 <TH> Heading 4 </TH> </TR>
    <TR> <TD>4.321</TD> <TD>1.209</TD> <TD>3.210</TD> <TD>Alpha</TD> </TR>
    <TR> <TD>0.445</TD> <TD>0.333</TD> <TD>7.286</TD> <TD>Beta</TD> </TR>
    </TABLE> </CENTER>

    Produces:

    Table Caption
    Heading 1 Heading 2 Heading 3 Heading 4
    4.321 1.209 3.210 Alpha
    0.445 0.333 7.286 Beta

    crude table, Using PreFormat! <PRE> ... </PRE> 
    1 2 3 4     Line 1
    5 6 7 8     Line 2
    

    footnote

    address



    HTML Special Tags


    <STRIKE>Any?</STRIKE> Strike Out Any Text?: Any?

    <sup>Any</sup> Makes Any Superscript: 10any

    <sub>Any</sub> Makes Any Subscript: Xany



    HTML Special Characters


    Some Special Characters (Caution: These escape characters are case sensitive, unlike Markup Tags; ALSO, &lt; and &gt; are essential for AVOIDING CONFLICT WITH HTML MARKUP TAG ANGLE BRACKET NOTATION; Similarly, with &amp; ; one can also use the sample symbol command, e.g., <samp>&&&_&+</samp> giving: &&&_&+):

    &lt; Makes Less Than: <
    &gt; Makes GreaTer Than: >
    &geq; Should Make Greater Than or Equal?: ≥, so try <U>&gt;</U> to get >
    &amp; Makes AMPerand: &
    &not; Makes NOT: ¬
    &quot; Makes QUOTe: "
    &nbsp; Makes NonBreakingSPace:  
    &times; Makes TIMES Sign: ×
    &divide; Makes Divide Sign: ÷
    &sup1; Makes Superscript 1: ¹
    &sup2; Makes Superscript 2: ²
    &sup3; Makes Superscript 3: ³
    <sup>Any</sup> Makes Any Superscript: 10any
    <sub>Any</sub> Makes Any Subscript: Xany
    &middot; Makes MIDdle DOT: ·
    &#133; Makes DOTS: …
    &plusmn; Makes PLUS/Minus Sign: ±
    &micro; Makes Micro or Greek Mu: µ
    &deg; Makes Degree Sign: °
    &reg; Makes Registered Trademark: ®
    &copy; Makes Copyright Mark: ©
    &frac12; Makes One Half: ½
    &frac14; Makes One Quarter: ¼
    &frac34; Makes Three Quarters: ¾
    &iexcl; Makes Inverted Exclamation Mark: ¡
    &iquest; Makes Inverted Question Mark: ¿
    &cent; Makes Cent Sign: ¢
    &pound; Makes English Pound Sign: £
    &yen; Makes Japanese Yen Sign: ¥
    &curren; Makes General Currency Sign: ¤
    &brvbar; Makes Broken Vertical Bar: ¦
    &sect; Makes Section Sign: §
    &para; Makes Paragraph Sign: ¶
    &laquo; Makes Left Angle Quote: «
    &raquo; Makes Right Angle Quote: »


    Miscellaneous Accents:

    &AElig; Makes: Æ
    &Aacute; Makes: Á
    &Acirc; Makes: Â
    &Agrave; Makes: À
    &Aring; Makes: Å
    &Atilde; Makes: Ã
    &Auml; Makes: Ä
    &Ccedil; Makes: Ç
    &ETH; Makes: Ð
    &Eacute; Makes: É
    &Ecirc; Makes: Ê
    &Egrave; Makes: È
    &Euml; Makes: Ë
    &Iacute; Makes: Í
    &Icirc; Makes: Î
    &Igrave; Makes: Ì
    &Iuml; Makes: Ï
    &Ntilde; Makes: Ñ
    &Oacute; Makes: Ó
    &Ocirc; Makes: Ô
    &Ograve; Makes: Ò
    &Oslash; Makes: Ø
    &Otilde; Makes: Õ
    &Ouml; Makes: Ö
    &THORN; Makes: Þ
    &Uacute; Makes: Ú
    &Ucirc; Makes: Û
    &Ugrave; Makes: Ù
    &Uuml; Makes: Ü
    &Yacute; Makes: Ý
    &aelig; Makes: æ
    &aacute; Makes: á
    &acirc; Makes: â
    &agrave; Makes: à
    &aring; Makes: å
    &atilde; Makes: ã
    &auml; Makes: ä
    &ccedil; Makes: ç
    &eacute; Makes: é
    &ecirc; Makes: ê
    &egrave; Makes: è
    &eth; Makes: ð
    &euml; Makes: ë
    &iacute; Makes: í
    &icirc; Makes: î
    &igrave; Makes: ì
    &iuml; Makes: ï
    &ntilde; Makes: ñ
    &oacute; Makes: ó
    &ocirc; Makes: ô
    &ograve; Makes: ò
    &oslash; Makes: ø
    &otilde; Makes: õ
    &ouml; Makes: ö
    &szlig; Makes: ß
    &thorn; Makes: þ
    &uacute; Makes: ú
    &ucirc; Makes: û
    &ugrave; Makes: ù
    &uuml; Makes: ü
    &yacute; Makes: ý
    &yuml; Makes: ÿ


    Decimal Alternate Forms:

    &#100; Makes: d
    &#101; Makes: e
    &#102; Makes: f
    &#103; Makes: g
    &#104; Makes: h
    &#105; Makes: i
    &#106; Makes: j
    &#107; Makes: k
    &#108; Makes: l
    &#109; Makes: m
    &#110; Makes: n
    &#111; Makes: o
    &#112; Makes: p
    &#113; Makes: q
    &#114; Makes: r
    &#115; Makes: s
    &#116; Makes: t
    &#117; Makes: u
    &#118; Makes: v
    &#119; Makes: w
    &#120; Makes: x
    &#121; Makes: y
    &#122; Makes: z
    &#123; Makes: {
    &#124; Makes: |
    &#125; Makes: }
    &#126; Makes: ~
    &#127; Makes: 
    &#128; Makes: €
    &#129; Makes: 
    &#130; Makes: ‚
    &#131; Makes: ƒ
    &#132; Makes: „
    &#133; Makes: …
    &#134; Makes: †
    &#135; Makes: ‡
    &#136; Makes: ˆ
    &#137; Makes: ‰
    &#138; Makes: Š
    &#139; Makes: ‹
    &#140; Makes: Œ
    &#141; Makes: 
    &#142; Makes: Ž
    &#143; Makes: 
    &#144; Makes: 
    &#145; Makes: ‘
    &#146; Makes: ’
    &#147; Makes: “
    &#148; Makes: ”
    &#149; Makes: •
    &#150; Makes: –
    &#151; Makes: —
    &#152; Makes: ˜
    &#153; Makes: ™
    &#154; Makes: š
    &#155; Makes: ›
    &#156; Makes: œ
    &#157; Makes: 
    &#158; Makes: ž
    &#159; Makes: Ÿ
    &#160; Makes:  
    &#161; Makes: ¡
    &#162; Makes: ¢
    &#163; Makes: £
    &#164; Makes: ¤
    &#165; Makes: ¥
    &#166; Makes: ¦
    &#167; Makes: §
    &#168; Makes: ¨
    &#169; Makes: ©
    &#170; Makes: ª
    &#171; Makes: «
    &#172; Makes: ¬
    &#173; Makes: ­
    &#174; Makes: ®
    &#175; Makes: ¯
    &#176; Makes: °
    &#177; Makes: ±
    &#178; Makes: ²
    &#179; Makes: ³
    &#180; Makes: ´
    &#181; Makes: µ
    &#182; Makes: ¶
    &#183; Makes: ·
    &#184; Makes: ¸
    &#185; Makes: ¹
    &#186; Makes: º
    &#187; Makes: »
    &#188; Makes: ¼
    &#189; Makes: ½
    &#190; Makes: ¾
    &#191; Makes: ¿
    &#192; Makes: À
    &#193; Makes: Á
    &#194; Makes: Â
    &#195; Makes: Ã
    &#196; Makes: Ä
    &#197; Makes: Å
    &#198; Makes: Æ
    &#199; Makes: Ç
    &#200; Makes: È
    &#201; Makes: É
    &#202; Makes: Ê
    &#203; Makes: Ë
    &#204; Makes: Ì
    &#205; Makes: Í
    &#206; Makes: Î
    &#207; Makes: Ï
    &#208; Makes: Ð
    &#209; Makes: Ñ
    &#210; Makes: Ò
    &#211; Makes: Ó
    &#212; Makes: Ô
    &#213; Makes: Õ
    &#214; Makes: Ö
    &#215; Makes: ×
    &#216; Makes: Ø
    &#217; Makes: Ù
    &#218; Makes: Ú
    &#219; Makes: Û
    &#220; Makes: Ü
    &#221; Makes: Ý
    &#222; Makes: Þ
    &#223; Makes: ß
    &#224; Makes: à
    &#225; Makes: á
    &#226; Makes: â
    &#227; Makes: ã
    &#228; Makes: ä
    &#229; Makes: å
    &#230; Makes: æ
    &#231; Makes: ç
    &#232; Makes: è
    &#233; Makes: é
    &#234; Makes: ê
    &#235; Makes: ë
    &#236; Makes: ì
    &#237; Makes: í
    &#238; Makes: î
    &#239; Makes: ï
    &#240; Makes: ð
    &#241; Makes: ñ
    &#242; Makes: ò
    &#243; Makes: ó
    &#244; Makes: ô
    &#245; Makes: õ
    &#246; Makes: ö
    &#247; Makes: ÷
    &#248; Makes: ø
    &#249; Makes: ù
    &#250; Makes: ú
    &#251; Makes: û
    &#252; Makes: ü
    &#253; Makes: ý
    &#254; Makes: þ
    &#255; Makes: ÿ


    Click to Find About ISO Characters and Entities


    Click for ISO Character List

    Click for More Official ISO Character List but Lesser List


    HTML Hot Links


    ncsa.gif







    Click Here to Go To Target?





    Click Here For Hanson's Home Page





    Target!





    IsAnIndex