Manipulating Basic HTML
n241.tplt
Using Attributes to Modify Tags
Attributes are added within a tag to extend or modify the tag's action.
You can add multiple attributes within a single tag.
Tag attributes, if any, belong after the tag name, each separated by one or more spaces.
Examples:
<body bgcolor = "blue"> - changes the background color of the document to blue
<body bgcolor = "#0000FF"> has the same effect as "blue" above.
Formatting Text
<font color = "#FF0000"> - specifies the font color using the hexadecimal RGB value. In this case it is red.
<font size = value > - sets the size of the type to an absolute value on a scale from 1 to 7 (3 is the default)
<I>… </I> - the text enclosed is italic
<b>… </b> - the text enclosed is bold
Physical Inline Style Tags
<b> - Bold text display
<blink> - text
<sub> - subscript for displaying text slightly above the baseline and smaller in size
Headings
Headings are displayed in bold text with automatic line breaks and extra space above and below.
There are 6 levels of HTML headings:
Level One <h1>
Level Three <h3>
Level Six <h6>
Centering Text Elements
There are two methods for centering text elements horizontally on a page--the align attribute and the <center> tag
<H1 ALIGN = "center">...</H1>Looks Like This
<CENTER>...</CENTER>Looks like this
Making an Unordered List
Unordered lists begins <ul> and ends </ul>
Each items is indicated by an <li> tag. The closing </li> is usually omitted, but should be included if you are using Style Sheets to control list item display.
- This is an example of an unordered list
- Line two of the unordered list
Changing the Bullet Shape
The type attribute allows you to specify one of three shapes:
- disc (the default)
- square
- circle
<UL TYPE = disc>
<UL TYPE = circle>
<UL TYPE = square>
Ordered Lists
Use an ordered list when you need to sequence data
The same basic structure is used for ordered lists as unordered lists
<ol>…..</ol> are the tags used to enclose the list
<li> is used for the individual list items
Changing the Numbering Scheme
The type attribute has five possible values:
- 1 (numbers)
- A (uppercase letters)
- a (lowercase letters)
- I (uppercase roman)
- i (lowercase roman)
Setting the first number
- <OL START = 23>
Example of an Ordered List
Veggie Soup- Dice onions
- Slice carrots
- Peel potatoes
- Slice celery
- Brown meat