Page Structure

META Tags
Description
      <META name="description" content="The best gay website in Minneapolis">
Keywords
     <META name="keywords" content="gay, lesbian, bisexual, Minneapolis, Minnesota">
Redirecting to a Different Page
     <META http-equiv="Refresh" content="5;URl=http://www.joeandmax.com/index.htm">
     Instead of a website, this could be a sound or an image.
Expiration Date for a Page
     <META http-equiv="expires" content="Fri 29 Aug 1997 09:00;00">
Forced Revalidation of a Page
     <META http-equiv="Cache-Control" content="must-revalidate">
HTML Program used for page
     <META name="generator" content="CuteHTML">

BODY Tag
<BODY> attributes:

BACKGROUND="image.bmp"       Height="100"      Weight="100"
For Scrolling Backgrounds, follow the Image with:
  • xspeed="3" scroll right, xspeed="-3" scroll left.
  • yspeed="3" scroll down and xspeed="-3" scrolls up.
  • BGCOLOR="#FFFFFF"
    TEXT="#000000"
    LINK="Blue"            VLINK="Blue"           ALINK="Blue"

    STANDARD COLORS
    Aqua Black Blue Fuschia
    Gray Green Lime Maroon
    Navy Olive Purple Red
    Silver Teal White Yellow
     
    Dark Colors: Dark Blue Dark Green Dark Red
    Complete Color Chart

    DIV element
    <DIV></DIV> attributes:
       ALIGN="center" left or right

    P    element
    Paragraph attributes when used as <P></P>:
       ALIGN="center" left, right, or justify

    BR element
    <BR> attributes when used after an image:
       Clear="left" - text will show up
             below the image
       Clear="right"
       Clear="all"

    Page Breaks for Printing
       Place this before the start of a new page:
       <p style="page-break-before: always"<

    Notes
       <!-
       -// -->

    Close Window Button
    <FORM>
    <input type="button" value="Close Window" onClick="window.close()">
    </FORM>
    Auto-Resize a Window
    <body onLoad="resizeTo(0,0);">
    Note: The first 0 in (0,0) is for the width and the second 0 is for the height.
    Auto Redirect to a new page
    <META HTTP-EQUIV="refresh" CONTENT="10;URL=http://my.newplace.com/">
    Pre-build a Pop-Up Window
    http://codelifter.com/pop5index.html - a downloadable POP UP Window Engine.


    back to top
    Fonts 101

    BASEfont element
    <BASEfont> attributes:
    SIZE="4"
    color="Green"
    FACE="ARIAL"

    font element
    <font></font> attributes:
    color="Green"
    SIZE="4" or +2 or -3
    FACE="Arial, helvetica, sans-serif"
    1
    2
    3
    4
    5
    6
    7
    small
    small
    small
    small
    small
    small
    small
    BIG
    BIG
    BIG
    BIG
    BIG
    BIG
    BIG
    H7
    H6
    H5

    H4

    H3

    H2

    H1


      Possible Font Faces are listed in order of preference. List can include Typefaces as well as typographic Families
    font FACES   All fonts are for PCs, Mac equivalents are listed
    Arial
    (Mac=Chicago)
    Arial Black
    (Mac=Courier)
    Arial Narrow
    (Mac=Geneva)
    Arial Rounded MT Bold
    (Mac=Helvetica)
    Book Antiqua
    (Mac=Monaco)
    Bookman Old Style
    (Mac=New York)
    Century Gothic
    (Mac=Palantino)
    Century Schoolbook
    (Mac=Times)
    Courier
    Garamond
    Times New Roman
    Verdana
    MS Dialog
    MS Dialog Light
    MS Line Draw
    MS Sans Serif
    MS SystemX
    font FAMILIES
    Serif
    (Times, Garamond, Century, Schoolbook)
    Sans-Serif
    (Arial, Helvetica, Verdana)
    Monospaced
    (Courier, Courier New)
    Script
    (Signature, Nuptial Script, Boulevard)
    Decorative
    (Whimsy, Arriba!, Bergell)
    TELETYPE Text
    <TT></TT>

    Normal Text
    Teletype
    BLOCKQUOTE Text
    <BLOCKQUOTE></BLOCKQUOTE>

    Normal Text
    Blockquote Text
    Normal Text
    CITATION
    <CITE></CITE>

    Normal Text
    Cited Text

    SUPERSCRIPT Text
    <SUP></SUP>

    Normal Text      Superscript
    SUBSCRIPT Text
    <SUB></SUB>

    Normal Text      Subscript
    STRIKE Text
    <S></S>

    Strike Text

    BIG Text
    <BIG></BIG>

    Normal Text
    Big Text
    small Text
    <small></small>

    Normal Text
    Small Text
    BOLD Text
    <SUB></SUB>

    Normal Text
    Bold Text


    back to top
    &#33; = ! &#34; = " &#35; = # &#36; = $ &#37; = % &#38; = & &#39; = ' &#40; = ( &#41; = ) &#42; = *
    &#43; = + &#44; = , &#45; = - &#46; = . &#47; = / &#58; = : &#59; = ; &#60; = < &#61; = = &#62; = >
    &#63; = ? &#64; = @ &#91; = [ &#92; = \ &#93; = ] &#94; = ^ &#95; = _ &#96; = ` &#123; = { &#124; = |
    &#125; = }&#126; = ~&#127; = &#128; = € &#129; = &#130; = ‚&#131; = ƒ&#132; = „ &#133; = …&#134; = †
    &#135; = ‡&#136; = ˆ&#137; = ‰&#138; = Š &#139; = ‹&#140; = Œ&#141; = &#142; = Ž &#143; = &#144; = 
    &#145; = ‘&#146; = ’&#147; = “&#148; = ” &#149; = •&#150; = –&#151; = —&#152; = ˜ &#153; = ™&#154; = š
    &#155; = ›&#156; = œ&#157; = &#158; = ž &#159; = Ÿ&#160; =  &#161; = ¡&#162; = ¢ &#163; = £&#164; = ¤
    &#165; = ¥&#166; = ¦&#167; = §&#168; = ¨ &#169; = ©&#170; = ª&#171; = «&#172; = ¬ &#173; = ­&#174; = ®
    &#175; = ¯&#176; = °&#177; = ±&#178; = ² &#179; = ³&#180; = ´&#181; = µ&#182; = ¶ &#183; = ·&#184; = ¸
    &#185; = ¹&#186; = º&#187; = »&#188; = ¼ &#189; = ½&#190; = ¾&#191; = ¿&#192; = À &#193; = Á&#194; = Â
    &#195; = Ã&#196; = Ä&#197; = Å&#198; = Æ &#199; = Ç&#200; = È&#201; = É&#202; = Ê &#203; = Ë&#204; = Ì
    &#205; = Í&#206; = Î&#207; = Ï&#208; = Ð &#209; = Ñ&#210; = Ò&#211; = Ó&#212; = Ô &#213; = Õ&#214; = Ö
    &#215; = ×&#216; = Ø&#217; = Ù&#218; = Ú &#219; = Û&#220; = Ü&#221; = Ý&#222; = Þ &#223; = ß&#224; = à
    &#225; = á&#226; = â&#227; = ã&#228; = ä &#229; = å&#230; = æ&#231; = ç&#232; = è &#233; = é&#234; = ê
    &#235; = ë&#236; = ì&#237; = í&#238; = î &#239; = ï&#240; = ð&#241; = ñ&#242; = ò &#243; = ó&#244; = ô
    &#245; = õ&#246; = ö&#247; = ÷&#248; = ø &#249; = ù&#250; = ú&#251; = û&#252; = ü &#253; = ý&#254; = þ
    &#255; = ÿ&#256; = Ā&#257; = ā&#258; = Ă &#259; = ă&#260; = Ą&#261; = ą&#262; = Ć &#263; = ć&#264; = Ĉ
    &#265; = ĉ&#266; = Ċ&#267; = ċ&#268; = Č &#269; = č&#270; = Ď&#271; = ď&#272; = Đ &#273; = đ&#274; = Ē
    &#275; = ē&#276; = Ĕ&#277; = ĕ&#278; = Ė &#279; = ė&#280; = Ę&#281; = ę&#282; = Ě &#283; = ě&#284; = Ĝ
    &#285; = ĝ&#286; = Ğ&#287; = ğ&#288; = Ġ &#289; = ġ&#290; = Ģ&#291; = ģ&#292; = Ĥ &#293; = ĥ&#294; = Ħ
    &#295; = ħ&#296; = Ĩ&#297; = ĩ&#298; = Ī &#299; = ī&#300; = Ĭ&#301; = ĭ&#302; = Į &#303; = į&#304; = İ
    &#305; = ı&#306; = IJ&#307; = ij&#308; = Ĵ &#309; = ĵ&#310; = Ķ&#311; = ķ&#312; = ĸ &#313; = Ĺ&#314; = ĺ
    &#315; = Ļ&#316; = ļ&#317; = Ľ&#318; = ľ &#319; = Ŀ&#320; = ŀ&#321; = Ł&#322; = ł &#323; = Ń&#324; = ń
    &#325; = Ņ&#326; = ņ&#327; = Ň&#328; = ň &#329; = ʼn&#330; = Ŋ&#331; = ŋ&#332; = Ō &#333; = ō&#334; = Ŏ
    &#335; = ŏ&#336; = Ő&#337; = ő&#338; = Œ &#339; = œ&#340; = Ŕ&#341; = ŕ&#342; = Ŗ &#343; = ŗ&#344; = Ř
    &#345; = ř&#346; = Ś&#347; = ś&#348; = Ŝ &#349; = ŝ&#350; = Ş&#351; = ş&#352; = Š &#353; = š&#354; = Ţ
    &#355; = ţ&#356; = Ť&#357; = ť&#358; = Ŧ &#359; = ŧ&#360; = Ũ&#361; = ũ&#362; = Ū &#363; = ū&#364; = Ŭ
    &#365; = ŭ&#366; = Ů&#367; = ů&#368; = Ű &#369; = ű&#370; = Ų&#371; = ų&#372; = Ŵ &#373; = ŵ&#374; = Ŷ
    &#375; = ŷ&#376; = Ÿ&#377; = Ź&#378; = ź &#379; = Ż&#380; = ż&#381; = Ž&#382; = ž &#383; = ſ&#384; = ƀ
    &#385; = Ɓ&#386; = Ƃ&#387; = ƃ&#388; = Ƅ &#389; = ƅ&#390; = Ɔ&#391; = Ƈ&#392; = ƈ &#393; = Ɖ&#394; = Ɗ
    &#395; = Ƌ&#396; = ƌ&#397; = ƍ&#398; = Ǝ &#399; = Ə&#400; = Ɛ&#401; = Ƒ&#402; = ƒ &#403; = Ɠ&#404; = Ɣ
    &#405; = ƕ&#406; = Ɩ&#407; = Ɨ&#408; = Ƙ &#409; = ƙ&#410; = ƚ&#411; = ƛ&#412; = Ɯ &#413; = Ɲ&#414; = ƞ
    &#415; = Ɵ&#416; = Ơ&#417; = ơ&#418; = Ƣ &#419; = ƣ&#420; = Ƥ&#421; = ƥ&#422; = Ʀ &#423; = Ƨ&#424; = ƨ
    &#425; = Ʃ&#426; = ƪ&#427; = ƫ&#428; = Ƭ &#429; = ƭ&#430; = Ʈ&#431; = Ư&#432; = ư &#433; = Ʊ&#434; = Ʋ
    &#435; = Ƴ&#436; = ƴ&#437; = Ƶ&#438; = ƶ &#439; = Ʒ&#440; = Ƹ&#441; = ƹ&#442; = ƺ &#443; = ƻ&#444; = Ƽ
    &#445; = ƽ&#446; = ƾ&#447; = ƿ&#448; = ǀ &#449; = ǁ&#450; = ǂ&#451; = ǃ&#452; = DŽ &#453; = Dž&#454; = dž
    &#455; = LJ&#456; = Lj&#457; = lj&#458; = NJ &#459; = Nj&#460; = nj&#461; = Ǎ&#462; = ǎ &#463; = Ǐ&#464; = ǐ
    &#465; = Ǒ&#466; = ǒ&#467; = Ǔ&#468; = ǔ &#469; = Ǖ&#470; = ǖ&#471; = Ǘ&#472; = ǘ &#473; = Ǚ&#474; = ǚ
    &#475; = Ǜ&#476; = ǜ&#477; = ǝ&#478; = Ǟ &#479; = ǟ&#480; = Ǡ&#481; = ǡ&#482; = Ǣ &#483; = ǣ&#484; = Ǥ
    &#485; = ǥ&#486; = Ǧ&#487; = ǧ&#488; = Ǩ &#489; = ǩ&#490; = Ǫ&#491; = ǫ&#492; = Ǭ &#493; = ǭ&#494; = Ǯ
    &#495; = ǯ&#496; = ǰ&#497; = DZ&#498; = Dz &#499; = dz&#500; = Ǵ&#501; = ǵ&#502; = Ƕ &#503; = Ƿ&#504; = Ǹ
    &#505; = ǹ&#506; = Ǻ&#507; = ǻ&#508; = Ǽ &#509; = ǽ&#510; = Ǿ&#511; = ǿ&#512; = Ȁ &#513; = ȁ&#514; = Ȃ
    &#515; = ȃ&#516; = Ȅ&#517; = ȅ&#518; = Ȇ &#519; = ȇ&#520; = Ȉ&#521; = ȉ&#522; = Ȋ &#523; = ȋ&#524; = Ȍ
    &#525; = ȍ&#526; = Ȏ&#527; = ȏ&#528; = Ȑ &#529; = ȑ&#530; = Ȓ&#531; = ȓ&#532; = Ȕ &#533; = ȕ&#534; = Ȗ
    &#535; = ȗ&#536; = Ș&#537; = ș&#538; = Ț &#539; = ț&#540; = Ȝ&#541; = ȝ&#542; = Ȟ &#543; = ȟ&#544; = Ƞ
    &#545; = ȡ&#546; = Ȣ&#547; = ȣ&#548; = Ȥ &#549; = ȥ&#550; = Ȧ&#551; = ȧ&#552; = Ȩ &#553; = ȩ&#554; = Ȫ
    &#555; = ȫ&#556; = Ȭ&#557; = ȭ&#558; = Ȯ &#559; = ȯ&#560; = Ȱ&#561; = ȱ&#562; = Ȳ &#563; = ȳ&#564; = ȴ
    &#565; = ȵ&#566; = ȶ&#567; = ȷ&#568; = ȸ &#569; = ȹ&#570; = Ⱥ&#571; = Ȼ&#572; = ȼ &#573; = Ƚ&#574; = Ⱦ
    &#575; = ȿ&#576; = ɀ&#577; = Ɂ&#578; = ɂ &#579; = Ƀ&#580; = Ʉ&#581; = Ʌ&#582; = Ɇ &#583; = ɇ&#584; = Ɉ
    &#585; = ɉ&#586; = Ɋ&#587; = ɋ&#588; = Ɍ &#589; = ɍ&#590; = Ɏ&#591; = ɏ&#592; = ɐ &#593; = ɑ&#594; = ɒ
    &#595; = ɓ&#596; = ɔ&#597; = ɕ&#598; = ɖ &#599; = ɗ&#600; = ɘ&#601; = ə&#602; = ɚ &#603; = ɛ&#604; = ɜ
    &#605; = ɝ&#606; = ɞ&#607; = ɟ&#608; = ɠ &#609; = ɡ&#610; = ɢ&#611; = ɣ&#612; = ɤ &#613; = ɥ&#614; = ɦ
    &#615; = ɧ&#616; = ɨ&#617; = ɩ&#618; = ɪ &#619; = ɫ&#620; = ɬ&#621; = ɭ&#622; = ɮ &#623; = ɯ&#624; = ɰ
    &#625; = ɱ&#626; = ɲ&#627; = ɳ&#628; = ɴ &#629; = ɵ&#630; = ɶ&#631; = ɷ&#632; = ɸ &#633; = ɹ&#634; = ɺ
    &#635; = ɻ&#636; = ɼ&#637; = ɽ&#638; = ɾ &#639; = ɿ&#640; = ʀ&#641; = ʁ&#642; = ʂ &#643; = ʃ&#644; = ʄ
    &#645; = ʅ&#646; = ʆ&#647; = ʇ&#648; = ʈ &#649; = ʉ&#650; = ʊ&#651; = ʋ&#652; = ʌ &#653; = ʍ&#654; = ʎ
    &#655; = ʏ&#656; = ʐ&#657; = ʑ&#658; = ʒ &#659; = ʓ&#660; = ʔ&#661; = ʕ&#662; = ʖ &#663; = ʗ&#664; = ʘ
    &#665; = ʙ&#666; = ʚ&#667; = ʛ&#668; = ʜ &#669; = ʝ&#670; = ʞ&#671; = ʟ&#672; = ʠ &#673; = ʡ&#674; = ʢ
    &#675; = ʣ&#676; = ʤ&#677; = ʥ&#678; = ʦ &#679; = ʧ&#680; = ʨ&#681; = ʩ&#682; = ʪ &#683; = ʫ&#684; = ʬ
    &#685; = ʭ&#686; = ʮ&#687; = ʯ&#688; = ʰ &#689; = ʱ&#690; = ʲ&#691; = ʳ&#692; = ʴ &#693; = ʵ&#694; = ʶ
    &#695; = ʷ&#696; = ʸ&#697; = ʹ&#698; = ʺ &#699; = ʻ&#700; = ʼ&#701; = ʽ&#702; = ʾ &#703; = ʿ&#704; = ˀ
    &#705; = ˁ&#706; = ˂&#707; = ˃&#708; = ˄ &#709; = ˅&#710; = ˆ&#711; = ˇ&#712; = ˈ &#713; = ˉ&#714; = ˊ
    &#715; = ˋ&#716; = ˌ&#717; = ˍ&#718; = ˎ &#719; = ˏ&#720; = ː&#721; = ˑ&#722; = ˒ &#723; = ˓&#724; = ˔
    &#725; = ˕&#726; = ˖&#727; = ˗&#728; = ˘ &#729; = ˙&#730; = ˚&#731; = ˛&#732; = ˜ &#733; = ˝&#734; = ˞
    &#735; = ˟&#736; = ˠ&#737; = ˡ&#738; = ˢ &#739; = ˣ&#740; = ˤ&#741; = ˥&#742; = ˦ &#743; = ˧&#744; = ˨
    &#745; = ˩&#746; = ˪&#747; = ˫&#748; = ˬ &#749; = ˭&#750; = ˮ&#751; = ˯&#752; = ˰ &#753; = ˱&#754; = ˲
    &#755; = ˳&#756; = ˴&#757; = ˵&#758; = ˶ &#759; = ˷&#760; = ˸&#761; = ˹&#762; = ˺ &#763; = ˻&#764; = ˼
    &#765; = ˽&#766; = ˾&#767; = ˿&#768; = ̀ &#769; = ́&#770; = ̂&#771; = ̃&#772; = ̄ &#773; = ̅&#774; = ̆
    &#775; = ̇&#776; = ̈&#777; = ̉&#778; = ̊ &#779; = ̋&#780; = ̌&#781; = ̍&#782; = ̎ &#783; = ̏&#784; = ̐
    &#785; = ̑&#786; = ̒&#787; = ̓&#788; = ̔ &#789; = ̕&#790; = ̖&#791; = ̗&#792; = ̘ &#793; = ̙&#794; = ̚
    &#795; = ̛&#796; = ̜&#797; = ̝&#798; = ̞ &#799; = ̟&#800; = ̠&#801; = ̡&#802; = ̢ &#803; = ̣&#804; = ̤
    &#805; = ̥&#806; = ̦&#807; = ̧&#808; = ̨ &#809; = ̩&#810; = ̪&#811; = ̫&#812; = ̬ &#813; = ̭&#814; = ̮
    &#815; = ̯&#816; = ̰&#817; = ̱&#818; = ̲ &#819; = ̳&#820; = ̴&#821; = ̵&#822; = ̶ &#823; = ̷&#824; = ̸
    &#825; = ̹&#826; = ̺&#827; = ̻&#828; = ̼ &#829; = ̽&#830; = ̾&#831; = ̿&#832; = ̀ &#833; = ́&#834; = ͂
    &#835; = ̓&#836; = ̈́&#837; = ͅ&#838; = ͆ &#839; = ͇&#840; = ͈&#841; = ͉&#842; = ͊ &#843; = ͋&#844; = ͌
    &#845; = ͍&#846; = ͎&#847; = ͏&#848; = ͐ &#849; = ͑&#850; = ͒&#851; = ͓&#852; = ͔ &#853; = ͕&#854; = ͖
    &#855; = ͗&#856; = ͘&#857; = ͙&#858; = ͚ &#859; = ͛&#860; = ͜&#861; = ͝&#862; = ͞ &#863; = ͟&#864; = ͠
    &#865; = ͡&#866; = ͢&#867; = ͣ&#868; = ͤ &#869; = ͥ&#870; = ͦ&#871; = ͧ&#872; = ͨ &#873; = ͩ&#874; = ͪ
    &#875; = ͫ&#876; = ͬ&#877; = ͭ&#878; = ͮ &#879; = ͯ&#880; = Ͱ&#881; = ͱ&#882; = Ͳ &#883; = ͳ&#884; = ʹ
    &#885; = ͵&#886; = Ͷ&#887; = ͷ&#888; = ͸ &#889; = ͹&#890; = ͺ&#891; = ͻ&#892; = ͼ &#893; = ͽ&#894; = ;
    &#895; = Ϳ&#896; = ΀&#897; = ΁&#898; = ΂ &#899; = ΃&#900; = ΄&#901; = ΅&#902; = Ά &#903; = ·&#904; = Έ
    &#905; = Ή&#906; = Ί&#907; = ΋&#908; = Ό &#909; = ΍&#910; = Ύ&#911; = Ώ&#912; = ΐ &#913; = Α&#914; = Β
    &#915; = Γ&#916; = Δ&#917; = Ε&#918; = Ζ &#919; = Η&#920; = Θ&#921; = Ι&#922; = Κ &#923; = Λ&#924; = Μ
    &#925; = Ν&#926; = Ξ&#927; = Ο&#928; = Π &#929; = Ρ&#930; = ΢&#931; = Σ&#932; = Τ &#933; = Υ&#934; = Φ
    &#935; = Χ&#936; = Ψ&#937; = Ω&#938; = Ϊ &#939; = Ϋ&#940; = ά&#941; = έ&#942; = ή &#943; = ί&#944; = ΰ
    &#945; = α&#946; = β&#947; = γ&#948; = δ &#949; = ε&#950; = ζ&#951; = η&#952; = θ &#953; = ι&#954; = κ
    &#955; = λ&#956; = μ&#957; = ν&#958; = ξ &#959; = ο&#960; = π&#961; = ρ&#962; = ς &#963; = σ&#964; = τ
    &#965; = υ&#966; = φ&#967; = χ&#968; = ψ &#969; = ω&#970; = ϊ&#971; = ϋ&#972; = ό &#973; = ύ&#974; = ώ
    &#975; = Ϗ&#976; = ϐ&#977; = ϑ&#978; = ϒ &#979; = ϓ&#980; = ϔ&#981; = ϕ&#982; = ϖ &#983; = ϗ&#984; = Ϙ
    &#985; = ϙ&#986; = Ϛ&#987; = ϛ&#988; = Ϝ &#989; = ϝ&#990; = Ϟ&#991; = ϟ&#992; = Ϡ &#993; = ϡ&#994; = Ϣ
    &#995; = ϣ&#996; = Ϥ&#997; = ϥ&#998; = Ϧ &#999; = ϧ
    Special Characters

    &#60;
    &#62;
    =
    =
    <
    >
    =
    =
    &lt;
    &gt;
    &#171;
    &#187;
    =
    =
    «
    »
    =
    =
    &laquo;
    &raquo;
    &#38;=& =&amp;
    &#180; =´ =&acute;
    &#34; =" =&quot;
    &#182; = =&para;
    &#162; =¢ =&cent;
    &#8364;==&euro;
    &#163; =£ =&pound;
    &#167; =§ =&sect;
    &#183; =· =&middot;
    &#8226;==&bull;
    &#169; =© =&copy;
    &#174; =® =&reg;
    &#8482;==&trade;
    &#177; =± =&plusmn;
    &#215; =× =&times;
    &#247; =÷ =&divide;
    &#189;=½=&frac12;
    &#188;=¼=&frac14;
    &#190;=¾=&frac34;
    &#8260;==&frasl;
    &#931;=Σ=&Sigma;
    &#8734;==&infin;
    &#8594;==&rarr;
    &#8595;==&darr;
     
    &#8593;==&uarr;
    &#8592;==&larr;
     
    &#185;=¹=&sup1;
    &#178;=²=&sup2;
    &#179;=³=&sup3;
    &#176; =° =&deg;
    &#166;=¦=&brvbar;
    &#8204;==&zwnj;
    Foreign Letters/Symbols
    &#184;=¸ =&cedil;
    &#191;=¿=&iquest;
    &#192;
    &#224;
    =
    =
    À
    à
    =
    =
    &Agrave;
    &agrave;
    &#193;
    &#225;
    =
    =
    Á
    á
    =
    =
    &Aacute;
    &aacute;
    &#194;
    &#226;
    =
    =
    Â
    â
    =
    =
    &Acirc;
    &acirc;
    &#198;
    &#230;
    =
    =
    Æ
    æ
    =
    =
    &Aelig;
    &aelig;
    &#195;
    &#227;
    =
    =
    Ã
    ã
    =
    =
    &Atilde;
    &atilde;
    &#196;
    &#228;
    =
    =
    Ä
    ä
    =
    =
    &Auml;
    &auml;
    &#199;
    &#229;
    =
    =
    Å
    å
    =
    =
    &Aring;
    &aring;
    &#199;
    &#231;
    =
    =
    Ç
    ç
    =
    =
    &Ccedil;
    &ccedil;
    &#200;
    &#232;
    =
    =
    È
    è
    =
    =
    &Egrave;
    &egrave;
    &#201;
    &#233;
    =
    =
    É
    é
    =
    =
    &Eacute;
    &eacute;
    &#202;
    &#234;
    =
    =
    Ê
    ê
    =
    =
    &Ecirc;
    &ecirc;
    &#203;
    &#235;
    =
    =
    Ë
    ë
    =
    =
    &Euml;
    &euml;
    &#204;
    &#236;
    =
    =
    Ì
    ì
    =
    =
    &Igrave;
    &igrave;
    &#205;
    &#237;
    =
    =
    Í
    í
    =
    =
    &Iacute;
    &iacute;
    &#206;
    &#238;
    =
    =
    Î
    î
    =
    =
    &Icirc;
    &icirc;
    &#207;
    &#239;
    =
    =
    Ï
    ï
    =
    =
    &Iuml;
    &iuml;
    &#210;
    &#242;
    =
    =
    Ò
    ò
    =
    =
    &Ograve;
    &ograve;
    &#211;
    &#243;
    =
    =
    Ó
    ó
    =
    =
    &Oacute;
    &oacute;
    &#212;
    &#244;
    =
    =
    Ô
    ô
    =
    =
    &Ocirc;
    &ocirc;
    &#214;
    &#246;
    =
    =
    Ö
    ö
    =
    =
    &Ouml;
    &ouml;
    &#213;
    &#245;
    =
    =
    Õ
    õ
    =
    =
    &Otilde;
    &otilde;
    &#216;
    &#248;
    =
    =
    Ø
    ø
    =
    =
    &Oslash;
    &oslash;
    &#209;
    &#241;
    =
    =
    Ñ
    ñ
    =
    =
    &Ntilde;
    &ntilde;
     
    &#217;
    &#249;
    =
    =
    Ù
    ù
    =
    =
    &Ugrave;
    &ugrave;
    &#218;
    &#250;
    =
    =
    Ú
    ú
    =
    =
    &Uacute;
    &uacute;
    &#219;
    &#251;
    =
    =
    Û
    û
    =
    =
    &Ucirc;
    &ucirc;
    &#220;
    &#252;
    =
    =
    Ü
    ü
    =
    =
    &Uuml;
    &uuml;
    &#223;
    = ß
    = &szlig;
    &#255;
    = ÿ
    = &yuml;
       


    back to top
    Lists
    O
    R
    D
    E
    R
    E
    D
     
    <OL>    =
     <LI>
     <LI>
    </OL>

    Normal Text Margin
    1. Bullet
    2. Bullet
         
    OL attributes TYPE="I" =
    TYPE="A" =
    TYPE="1" =
    TYPE="a" =
    TYPE="i" =



       
    U
    N
    O
    R
    D
    E
    R
    E
    D
     
    <UL>     =
     <LI>
     <LI>
    </UL>

    Text Margin
    • Bullet
    • Bullet
         
    UL attributes
    TYPE="disc" =

    TYPE="circle" =

    TYPE="square" =



    • disc
    • circle
    • square
         
    Variations
    <LI>    =
    <LI>



     
    Normal
  • Bullet
  • Bullet
  •    
    <UL>    =
    </UL>
    normal
      bullet
      bullet
    N
    E
    S
    T
    E
    D
     
    <OL>    =
     <LI>
     <LI>
      <UL>
       <LI>
       <LI>
      </UL>
     <LI>
    </OL>

    Text Margin
    1. Bullet
    2. Bullet
      • Bullet
      • Bullet
    3. Bullet
        D
    E
    F
    I
    N
    I
    T
    I
    O
    N
    S
     
    <DL> Definition List   =
     <DT> Term
      <DD> Description
      <DD> Description
     <DT> Term
      <DD> Description
    </DL>End List

    Term
    Description
    Description
    Term
    Description

       


    back to top
    HREF - Links

    It is important to use "http://" or the page will look only on its own sever
    Linking to an OUTSIDE page, SAME window
    around text/picture: <A HREF="http://www.anywhere.com"> Click Here </A>
    Linking to an OUTSIDE page, NEW window
    around text/picture: <A HREF="http://www.anywhere.com TARGET=_blank"> Click Here </A>
    Linking to an OUTSIDE page, NEW window, SPECIAL SIZE
    around text/picture: <A HREF="http://www.anywhere.com TARGET=_blank"> Click Here </A>
    Linking INSIDE a page
    top of page: <A HREF="#anyname"> Anyname </A>
    at link: <A NAME="anyname">
    Linking to an EMAIL
    around text/picture: <A HREF="mailto:person@anywhere.com"> Click Here </A>
    Linking to a TARGET
    around text/picture: <A HREF="http://www.anywhere.com" TARGET="Main">('Main' is the user-defined name of a frame) Click Here </A>
    Other optional Targets are:
  • "_top" = loads page in original window
  • "_self" = loads page in current window
  • "_parent" = loads page to parent window if a frame, or to current window
  • "_blank" = loads page to new, unnamed window
    Links without underlines
    Individual Link:
    After (after stylizing the link to remove underlines):
    <a href="http://www.chami.com/tips/" STYLE="text-decoration:none">Sample Link</a>
    Removing underlines from all links on a page:
    <head>
    <style>
    <!--
    a {text-decoration: none}
    -->
    </style>
    <!-- other tags -->
    </head>
    <body>
    <!-- other tags -->
    <body>
    </html>
    For further info: http://www.chami.com/tips/internet/010398I.html
    Hint Windows on Links:
    <A HREF="http://www.chami.com/tips/" TITLE="Click here to see more cool tips!">Click here</A>
    To add Multiple Line pop Up Windows:
    <A HREF="http://www.chami.com/tips/"
    TITLE="Click here to see more cool tips!&#10;&#13;
    This is the second line...&#10;&#13;
    &#10;&#13;
    Fourth line, after skipping one line">
       Hold mouse here to see example, or click for further info:
    http://www.chami.com/tips/internet/010298I.html
       Move your Mouse over this to see an example of the multiple line version:
    http://www.chami.com/tips/internet/010298I.html
    Back and Forward Buttons:
    <FORM METHOD="post">
    <INPUT TYPE="button"
       VALUE="BACK"
       OnClick="history.go( -1 );return true;">
    <INPUT TYPE="button"
          VALUE="FORWARD"
       OnClick="history.go( 1 );return true;">
    </FORM>
    Back and Forward Links:
    [ <A HREF="javascript:history.go(-1)">Go back</A>] |
    [ <A HREF="javascript:history.go(1)">Go forward</A>]
    Result: [ Go back ] | [ Go forward ]
    For further info: http://www.chami.com/tips/internet/011597I.html
    Color-Changing Links on Mouse-Over
    <HTML>
    <style type="text/css">
    A:link {color: LINKcolor;}
    A:visited {color: VISITEDcolor;}
    A:hover {color: HOVERcolor;}
    </style>
    <HEAD>
    Where 'LINKcolor', 'VISITEDcolor', and 'HOVERcolor' are colors (red, yellow, black, etc.)
    Mouse-Over that changes Status bar info
    in A tag: onMouseOver="window.status='the text in the window here';return true;"

  • back to top
    tables

    <table> attributes:
    bgcolor,     width (800x600 = 745x415 pixels),     border
    ALIGN - left, right, center, justify, char
    CELLSPACING - space between cells     cellpadding = margins inside each cell
    COLS - number of columns in table
    TITLE - allows you to title each column, which pops up when you mouse over.
    FRAME- which sides of border are visible: void (no frame), above (top only), below (bottom only), hsides (top and bottom), vsides (left and right), lhs (left only), rhs (right only), box (all sides), border (all sides)
    RULES- which rules appear between columns and rows: none, groups (rules appear between groups), rows (rules appear between rows), cols (rules appear between columns), all (rules appear between all elements).
    <TBODY> attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns

    <TR> attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns

    <TD> attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns
    colspan              ROWSPAN
    NOWRAP - turns off character wrapping
    TITLE - allows you to title each column, which pops up when you mouse over.
    bgcolor              BACKGROUND - image

    <THEAD> (Table Header) attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns
    <TH> (Table Header Divisons - like TD but bold) attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns
    colspan              ROWSPAN
    NOWRAP - turns off character wrapping
    bgcolor              BACKGROUND - image

    <TFOOT> (Table Footer) attributes:
    ALIGN - left, right, center, justify, char     VALIGN - top, bottom, middle, baseline
    CHAR - sets a character on which the column aligns

    If you need your cell to be smaller than one space, but still show up, use: <EMBED HEIGHT="1" width="1" ALT="."<>/EMBED>

    table EXAMPLES
    Table using RULES="rows" to put the borders only between the Rows.
    First Row in this table contains TH's instead of TD's.
    TH 1 TH 2 TH 3
    Rowspan ="2" 114.55 1.45
    24114.55 478157.45
    Colspan ="3"

    Same Table without the RULES attribute. TH has been changed to TD, de-bolding text
    TD 1 TD 2 TD 3
    Rowspan ="2" 114.55 1.45
    24114.55 478157.45
    Colspan ="3"
    Table within a Table
    Both have a border of 2
    bgcolor of outer Table is Red, bgcolor of inner Table is White
      

    Table within a Table
    Both have a border of 2
    bgcolor of outer Table is Fuschia, bgcolor of outer Cell is White
      
    Table within a Table
    Both have a border of 2
    bgcolor of both Tables is Yellow, bgcolor of all Cells is White
      

    Table within a Table
    Both have a border of 2
    bgcolor of both Tables is Green, bgcolor of all Cells is White
    Outer Table has no Padding, Spacing, or Border
      

    Table within a Table
    Both have a border of 0
    bgcolor of outer Table is Blue, bgcolor of inner Table is White

    Table within a Table
    Both have a border of 0
    bgcolor of outer Table is Purple, bgcolor of outer Cell is White

    Table with a border of 2 and FRAME=hsides

    Table with a border of 2 and FRAME=Above

    Table with a border of 2 and FRAME=vsides

    Tables with
     
    colored cells
     
    and white borders

    Tables with
    colored cells
    and white borders

     


    back to top
    FRAMEs

    <FRAMSET> attributes:
    ROWS and COLUMNS - # or *
    ONLOAD & ONUNLOAD - actions to be taken
    <FRAME> (no end tag) attributes:
    NAME - user-defined
    SRC - files to be displayed
    FRAMEborder - "0" (no) or "1" (yes)
    MARGINwidth and MARGINHEIGHT - padding between frame border and content
    NORESIZE - disables sizing
    SCROLLING - "auto", "no", "yes"
    <NOFRAMES>: Alternative content to be used in the absence of frames
    <I FRAME> attributes:
    NAME - user-defined
    SRC - files to be displayed
    FRAMEborder - "0" (no) or "1" (yes)
    MARGINwidth and MARGINHEIGHT - padding between frame border and content
    SCROLLING - "auto", "no", "yes"
    border - "no"
    HEIGHT        WEIGHT

     

     

     

     

    To avoid a page being opened in a frame:
    <SCRIPT Language="javascript">
           if (self !=top)
           top.locationg = self.location;
    </SCRIPT>

    Linking to a TARGET
    around text/picture: <A HREF="http://www.anywhere.com" TARGET="Main">('Main' is the user-defined name of a frame) Click Here </A>
    Other optional Targets are:
  • "_top" = loads page in original window
  • "_self" = loads page in current window
  • "_parent" = loads page to parent window if a frame, or to current window
  • "_blank" = loads page to new, unnamed window
  • Sample Initial Frameset Page
    <HTML>
    <FRAMESET ROWS="*,100,250">
    <FRAME SRC="main.htm" FRAMEborder="0" SCROLLING="no">
    <FRAME SRC="main2.htm" FRAMEborder="2" SCROLLING="no">
    <FRAMESET COLS="224,225,*">
    <FRAME SRC="Image1.gif">
    <FRAME SRC="Image2.gif">
    <FRAME SRC="Image3.gif">
    </FRAMSET>
    </FRAMSET>
    </HTML>


    back to top
    FORMs

    <FORM> attributes:
    NAME - the FORM's name
    ACTION - the URL for processing
    METHOD - Post
    ONSUBMIT - What happens on Submission
    ONRESET - What happens on Reset
    TARGET - Where Action will be displayed
    Optional Targets are:
  • "name" = user-defined name
  • "_top" = loads page in original window
  • "_self" = loads page in current window
  • "_parent" = loads page to parent window if a frame, or to current window
  • "_blank" = loads page to new, unnamed window
  • <INPUT> attributes:
    TYPE - text, password, checkbox, radio, submit, reset, file, hidden, image, button
    NAME - (not needed for Submit or Rest)
    VALUE - required for radio buttons and check boxes
    SIZE         MAXLENGTH
    TABINDEX - # to indicate tabbing order of fields
    <INPUT TYPE="Text" Name="text1" VALUE="Anything that should appear in the box" SIZE="20">
    <INPUT TYPE="Password" SIZE="20">
    <INPUT TYPE="Checkbox" Name="checkbox1" VALUE="One" CHECKED>
    <INPUT TYPE="Checkbox" Name="checkbox2" VALUE="Two">
    One Two
    <INPUT TYPE="Radio" Name="radio1" VALUE="One" CHECKED>
    <INPUT TYPE="Radio" Name="radio1" VALUE="One">
    One Two
    <INPUT TYPE="Submit" VALUE="Send Form">
    <INPUT TYPE="Reset" VALUE="Reset Form Values">
    <INPUT TYPE="Button" Name="button1" VALUE="Touch Me">
    <input type=text size=50 value="InFORMation on what needs to be input in this box" maxlength="500" style="font-size:11px;" onFocus="if (this.value.indexOf('InFORMation on what needs to be input in this box') > -1) this.value = '';"> Text field with instructions in it
    <SELECT> - drop down menu:      
    NAME - user-defined name
    SIZE - number of options available, 1 by default
    MULTIPLE - More than one option can be selected
    <SELECT NAME=DropDown>
    <OPTION>One
    <OPTION>Two
    <OPTION SELECTED>Three
    <OPTION>Four
    </SELECT>
         If an OPTION tag includes the word SELECTED, then that is the default option displayed.
    <BUTTON> attributes:      
    TYPE - text, password, checkbox, radio, submit, reset, file, hidden, image, button
    NAME - (not needed for Submit or Rest)
    VALUE - required for radio buttons and check boxes
    TABINDEX - # to indicate tabbing order of fields
    STYLE - "background-color: yellow; color=red; font-weight: bold"
    <TEXTAREA> attributes:       
    NAME - user-defined name
    ROWS - #            COLUMNS - #
    READONLY - disables
    TABINDEX - # to indicate tabbing order of fields
    Non-CGI Mail Form
    <FORM METHOD=POST ACTION="http://joeandmax.com/cgi-joeandmax/FormMail.pl">
    <INPUT TYPE="hidden" name="recipient" value="test@joeandmax.com"> - if it's being emailed.
    <INPUT TYPE=hidden name="print_blank_fields" value="1">
    <INPUT TYPE=hidden name="sort" value="order:Name,Desire,DoYouLike">
    <INPUT TYPE=hidden name="subject" value="Application Results from">
    <INPUT TYPE=hidden name="redirect" value="http://joeandmax.com/AppThanks.html">
    <INPUT TYPE="text" NAME="Name" size="10"> = textbox
    <INPUT TYPE="checkbox" NAME="Desire"> = checkbox
    <INPUT TYPE="radio" NAME="DoYouLike" VALUE="Yes">Yes = either/or radio buttons
    <INPUT TYPE="radio" NAME="DoYouLike" VALUE="No">No
    <center><INPUT TYPE="submit" value="SUBMIT"></center>
    </FORM>

    Additional resource = http://werbach.com/web/wwwhelp.html#FORMs
    Alternate Non-CGI Mail Form
    <FORM action="mailto:dummy1@chamisplace.com" method="POST" name="EemailTestForm">
    Your Name:<br>
    <input type="text" size=20 name="VisitorName"><br><br>
    Your Comment:<br>
    <textarea name="VisitorComment" rows=4 cols=20></textarea><br><br>
    <input type="submit" name="submit" value="Email This Form">
    </FORM>
    Back Button (non-Java)
    <FORM><input type="button" value="BACK" onClick="history.back()"></FORM> Last URL Visited


    back to top
    Dividing Line

    <HR> has these attributes:

    width="351" or "31%"

    color="#58B060"
    SIZE="10":
    Noshade:


    back to top
    Map

    Map use the exact coordinates of the space you want to become the link - i.e. the North link is 305 pixels from the left, and goes to 440 pixels from the left, and starts at 1 pixel from the top and goes down to 110 pixels from the top. <IMG src="blueprint.gif" useMap=#circle1 border="0">

    <MAP name=circle1>
    <AREA coords=305,1,440,110 href="North.htm" shape=RECT>
    <AREA coords=305,290,440,366 href="South.htm" shape=RECT>
    <AREA coords=540,110,684,268 href="East.htm" shape=RECT>
    <AREA coords=1,120,150,260 href="West.htm" shape=RECT>
    <AREA coords=215,125,490,255 href="Interior.htm" shape=RECT>
    </MAP>


    back to top
    IMG

    IMAGE element
    <IMG SRC="image.gif">   attributes:
       HEIGHT="100"
       width="100"
       ALT="Alternative Text to appear in place of image"
       ALIGN="center" left or right

       Text used after an image will appear next to the image unless a break is put in.

    Image attributes
    TRANSPARENT="%"


    back to top
    Pop Up Window and Dialog Box

    Dialog Box      Example:     "Click Here"
    <a onclick="window.alert('Your Message Here','')">"Click Here"</a>
    Dialog Box 2
    <FORM method="POST">
    <input type=reset value="Test" OnClick="alert( 'Your Text Here' );">
    </FORM>
    Problems, go to http://www.chami.com/tips/internet/112796I.html
    Dialog Box      Example:     yahoo
    <a href="javascript:if(confirm('WARNING!!\nYou are about to go to yahoo!\n Are you sure you want to?')){location.href = 'http://www.yahoo.com/';}">yahoo</a>
    Pop Up Window
    <FORM METHOD="post">
    <INPUT TYPE="button" VALUE="Click me!"
    OnClick = "hint_wnd = window.open(
    '', 'hint_wnd', 'width=250, height=250, resizable=no, scrollbars=no' );
    hint_wnd.document.write( 'Hello there!' );
    return true;" >
    </FORM>
    Text will wrap, but there are no page breaks or any other options
    Problems, go to http://www.chami.com/tips/internet/010197I.html


    back to top
    Close Button at Bottom of Screen

    <FORM>
    <input type="button" Value="Close" onClick="window.close('FlagWindow')">
    </FORM>


    back to top
    Play music

    Inside the BODY:

    <EMBED SRC="song.wav" HEIGHT="2" width="2" AUTOSTART="true" HIDDEN=true LOOP="1">
    LOOP can be a number or "infinite"


    back to top
    Powerpoint Wipe

    put this in HEAD:
    <META http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=23)">
    Powerpoint Wipe 2

    put this in BODY:
    TRANSITION="slideright", "slideleft", "slideup", "slidedown", "wiperight", "wipeleft", "wipeup", "wipedown", "blackfade"


    back to top

    Scrolling Marquee


    <marquee bgcolor="#800000" scrollamount="3" scrolldelay="80"> GO PHOENIX!    GO PHOENIX! </marquee>

    Default direction is right to left, change that with:
    direction=right

    converging      
            marquee !!!
    <marquee align=left bgcolor="Green" hspace="1" width=50% behavior=slide direction=right scrollamount="20">converging </marquee>
    <marquee align=right direction=left hspace=1 bgcolor="Green" width="100%" behavior=slide scrollamount=20> marquee !!!</marquee>
    The one in this example is set inside a table to cause them to finish above each other
    Scroll Back and Forth
    <marquee behavior=alternate width=50% bgcolor="Green">Scroll Back and Forth </marquee>
    Blinking Marquee <marquee scrollamount=400 scrolldelay=500 bgcolor="Green">Blinking Marquee</marquee>
    http://www.geocities.com/Baja/Desert/1480/marqueecollection.html


    back to top

    Weather Forecast


    go to http://www.wunderground.com/geo/BannerPromo/US/MN/Minneapolis.html Click for Minneapolis, Minnesota Forecast


    back to top

    Changeable Background Color


    <FORM name="test" method="post">
    <input type="button"
    OnClick="document.bgColor = 'Black';"
    value="Black">
    <input type="button"
    OnClick="document.bgColor = 'DarkRed';"
    value="DarkRed">
    <input type="button"
    OnClick="document.bgColor = 'DarkBlue';"
    value="DarkBlue">
    <input type="button"
    OnClick="document.bgColor = 'Silver';"
    value="Silver">
    </FORM>

    To change the color of the text instead, replace bgColor with fgColor.
    Using linkColor will make the above script change the color of the links
    and vlinkColor will change the color of the visited links.


    back to top
    http://www.mcfedries.com/UsingJavascript/2.2.htm - Javascript Book website, the 2.2 refers to the specific example.
    http://developer.html.com/opendir.php?/Computers/Internet/WWW/ - Graphics, Web Applications, and Web Hosting Links
    - http://developer.html.com/opendir.php?/Computers/Programming/Internet/ - Programming Language Help Links
    http://developer.html.com/opendir.php?/Computers/Data_Formats/Markup_Languages/HTML/ - HTML Help Links
    Chami.com HTML Tips - An interesting assortment of tips, tricks and mini tutorials related to HTML, JavaScript and other related topics.
    The HiTMilL - HTML - Directory: tutorials, primers, color chart, reference, tables, frames, FORMs, clipart, graphics. Easy categorical arrangement of resources. ((Powerpoint wipe))
    http://www.htmlguru.com/guru.html
    Navigator and Explorer Comparison Using HTML Tags - A comparison of how Netscape Navigator and Internet Explorer interpret different HTML tags. Crossbrowser solutions to these differences are discussed. Barebones guide to HTML
    www.philisoft.com/graphics/free/index.php
    http://www.aaa-buttons.com/html/nav.shtml -Navigation Buttons
    http://www.aaa-buttons.com/html/round.shtml - Round Buttons
    http://www.aaa-buttons.com/html/tabs.shtml - Macintosh-Inspired Tabs
    - http://www.aaa-backgrounds.com/html/mainback.shtml - Backgrounds

    Validating HTML is current

    Create logos online: Cool Text

    Last Modified Date Add a Search Engine to the site primer 4 Guys from Rolla - ASP Help ASP101 - ASP Help


    back to top





    Brought to you by The Caprio Group