Web Page Design/HTML



JiWiz A Site Home


INSTRUCTIONS: From the INDEX, find what you want to accomplish, then 'View; Source' to locate corresponding HTML code.


INDEX



  1. Page Set-Up

  2. Background Image

  3. Text
    • Header
    • Paragraphs
    • Align Left
    • Align Center
    • Align Right
    • Bold
    • Italicize
    • Underline
    • Line Break
    • Wrap Around an Image
    • Wrap Around an Image: New Paragraph

  4. Font
    • Change
    • Size
    • Color

  5. Text Link
    • Color
    • Add an "Alt" Tag

  6. Form Button Link

  7. Images
    • Spaces Between
    • Hyperlink

  8. E-Mail
    • E-Mail Link
    • E-Mail Form

  9. Page Anchors

  10. Lists
    • Numbered (Ordered)
      • Split Lists
      • Roman Numerals
      • Alphabetical

    • Bulleted (Unordered)
      • Circles
      • Squares
      • Combinations

    • Bulleted With Images

  11. Lines
    • Horizontal
      • Width
      • Color

    • Vertical
      • Size
      • Color


  12. Text Areas
    • Basic
    • Dressed Up: Color; Border; Rows & Columns; Font; Font Color
    • Background

  13. Div Elements
    • Basic Div Blocks
    • Div Element that Scrolls
    • Change the Div Element Scrollbar Color



HTML



This is a Header

This is a paragraph.

You write your text here.

This will center your text

This will align your text to the right.

This will make your text bold


This will italicize your text


This will underline your text


Jane Smith
123 Any Street
Anywhere, Any State 12345


JiWizHome Mansion...Adding your text here will wrap your text around your graphic, with your graphic on the left and your text aligned to the left of the graphic.

This is a new paragraph.


If you want to change the font for just a portion of your text you can override your style sheet by adding this code... All of the text in between font and /font will be changed, but the text before and after this tag will be the default font that you set up in the basefont tag.

If you want to change the color of one word or paragraph, you would do it like this.

To change the font size of one word or paragraph, you would do it like this

Text Link
Text Link
Text Link


Form Button Link


Images


JiWiz Home JiWiz Home

JiWiz Home JiWiz Home JiWiz Home


E-Mail

sagacious@jiwiz.com

E-Mail
Put question # 1 here:


Put question # 2 here:


Put question # 3 here:


Put question # 4 here:


Put something here that requires a long answer:


A yes no question goes here:
Yes
No


A yes no question goes here:
Yes
No

spacer


Page Anchors







Lists


  1. HTML
  2. CSS
  3. Frames
  4. Tables

  1. HTML
  2. CSS
  3. Frames
  4. Tables

  1. HTML
  2. CSS
  3. Frames
  4. Tables

  1. HTML
  2. CSS
  3. Frames
  4. Tables

  • HTML
  • CSS
  • Frames
  • Tables

  • HTML
  • CSS
  • Frames
  • Tables

  • HTML
  • CSS
  • Frames
  • Tables

  1. Web Site Stuff
    • HTML
    • CSS
    • Frames
    • Tables

  2. Web Site Tools
    • Guestbooks
    • Polls
    • Tagboards
    • Forums

  • HTML
  • CSS
  • Frames
  • Tables

Lines








Text Areas


Div Element


Your text and images would go here: This is an example of a div element that scrolls. This is accomplished by adding the "overflow:auto" tag.
Your text and images would go here: This is an example of a div element that scrolls. This is accomplished by adding the "overflow:auto" tag.
Content here: This is an example of how to change the div scrollbar color. This method allows one to change the color of an individual div element scrollbar.
Content here: This is an example of how to change the div scrollbar color. This method allows one to change the color of an individual div element scrollbar.

Lissa Explains For more fun stuff...


Top

Copyright 2006-2008 JiWiz a Site All rights reserved.