HTML Basics: Document Structure and Properties

Creating a Basic Starting Document

• A basic starting document is displayed in a browser with the title appearing at the top of the browser window.
• The title should be descriptive as it is used by search engines for indexing.
• The HEAD of the document points to the top window part.

Setting Document Properties

• Document properties are controlled by attributes of the BODY element.
• Attributes include color settings for the background, text, and links.

Color Codes

• Colors are set using RGB color codes, represented as hexadecimal values.
• Each 2-digit section of the code represents the amount of red, green, or blue that forms the color.
• Examples of RGB color codes include #FFFFFF for white, #000000 for black, and #FF0000 for red.

Preparing Your Document

• To save a file in Notepad, follow these steps:
  • Locate and click on the "File" menu.
  • Select the "Save As" option.
  • Type in the entire name of the file, including the extension (.html).
• To preview your work, open a web browser and follow these steps:
  • Click on the "File" menu.
  • Select the "Open" option.
  • Locate and select your web document.
  • Click "OK" to load the document.

Headings, Paragraphs, Breaks, and Horizontal Rules

• Heading elements (H1-H6) are used to divide the document into sections.
• Headings should be used in order (H1, H2, H3, etc.) for best results.
• Paragraphs are used to add text to a document.
• Breaks can be inserted where necessary.
• Horizontal rules can be added to separate sections.

Horizontal Rules

• Attributes of horizontal rules include:
  • SIZE: height of the rule in pixels.
  • WIDTH: width of the rule in pixels or percentage of screen width.
  • NOSHADE: draw the rule with a flat look instead of a 3D look.
  • ALIGN: align the line (left, center, or right).
  • COLOR: set a color for the rule.

Character Formatting

• Character formatting options include:
  • Changing the color and size of text.
  • Using common character formatting elements (bold, italic, underline).
  • Aligning text.
  • Adding special characters.
  • Using other character formatting elements.
• The FONT element can be used to set the color and size of text.
• The FONT element can be used to set the color of text using the RGB color code format.

Learn about the basic structure of an HTML document, including setting document properties and using color codes.