CHAPTER 6B AN INTRODUCTION TO HTML (PAGES 169180) TAG

CHAPTER 11 OECD AVERAGE AND OECD TOTAL BOX
CONTENTS PREFACE IX INTRODUCTION 1 REFERENCES 5 CHAPTER
NRC INSPECTION MANUAL NMSSDWM MANUAL CHAPTER 2401 NEAR‑SURFACE

32 STAKEHOLDER ANALYSIS IN THIS CHAPTER A STAKEHOLDER ANALYSIS
CHAPTER 13 MULTILEVEL ANALYSES BOX 132 STANDARDISATION OF
CHAPTER 6 COMPUTATION OF STANDARD ERRORS BOX 61

Chapter Objectives

Chapter 6b: An Introduction to HTML (Pages 169-180)

Tag Nesting

You can put two tags together to combine the effects

<B><U>Bold and underlined</U></B>

But make sure the inner opening and closing tag are entirely inside the outside tags as shown above.

This is wrong:

<B><U>Bold and underlined</B></U>

Font size and color

<font color=“red”> will change font color

There are 16 named colors on page 172

<font size=“+2”> will make font bigger

<font size=“7”> will make font size 7 (the sizes go from 1 to 7)
<font color=“blue” size=“-1”> will change font color and font size

Closing tag is always </FONT>

Colors

Font Color

Font tags can use color name or hexadecimal code
<FONT color=“#FF0000”>
With the hex codes, you can use all 16 million colors, BUT
Not all colors display the same in every browser

Browser Safe Colors

216 colors which display essentially the same in any browser

Dithering

Technique of mixing colors to reach a color between the colors a browser can display
See link Ch 6d for an example

Font face

<font face=“Arial”> will change font to Arial, but only if the viewer’s computer has that font installed

Font types

Serif or Sans-Serif

Serifs are the little points at the corners

Serif example

THE

Sans-Serif example

THE

Proportional or Monospaced

Monospaced characters are all the same width, like this

iiiii mmmmm wwwww

Proportional fonts are narrower for some letters, like this

iiiii mmmmm wwwww

Font face

Good platform-independent font face lists:

<font face=“Arial, Helvetica, sans-serif”>
<font face=“Times New Roman, Times, serif”>
<font face=“Courier New, Courier, monospaced”>

Browsers try the fonts listed in order

Tag Attributes

The structure of an HTML tag may contain one or more attributes like this:

<tag>
<tag attribute=“value”>
<tag attribute=“value” attribute=“value”>

Align Attribute

<P align="center">

Centers a paragraph

<P align="right">

Right-aligns a paragraph

<P align="left">

Left-aligns a paragraph (the default setting)

Align works the same on header tags

<H1 align="center">

<H2 align="center">

And so on

Hypertext Links

To make hypertext, use the anchor tag

<a href="http://www.yahoo.com">Click here to go to Yahoo</a>

Text becomes blue and underlined (unless you specify some other color for links in the BODY tag)

If you omit the http:// the link goes to another page on your site

<a href="page2.html">Click to see page 2</a>

Page Properties

Attributes for BODY Tag

text

Color for the text in the page

bgcolor

Background color for the page

link

Color for the hypertext links

vlink

Color for the visited links

alink

Color for the active link

Last modified 10-4-05

CNIT 131 – Bowne Page 2 of 2

CONFIGURING USER STATE MANAGEMENT FEATURES 73 CHAPTER 7 IMPLEMENTING
INTERPOLATION 41 CHAPTER 5 INTERPOLATION THIS CHAPTER SUMMARIZES POLYNOMIAL
PREPARING FOR PRODUCTION DEPLOYMENT 219 CHAPTER 4 DESIGNING A

Tags: (pages 169-180), (pages, 169180), introduction, chapter