HTML
Adding Background Color
•The bgcolor attribute lets you change the background color of the Web page.
•Located in the body tag•See common Web Page Colors and
their hexadecimal equivalents + sixteen predefined colors
Adding an Horizontal Rule
•Horizontal rules are graphical images that act as dividers in a Web page.
•<hr> tag
Alignment Attribute
•align attribute•<h1 align= “center”>• left, center, or right
FONT Attributes
• font tag<font> </font>
•Font Attributes:
color Changes the font colorUses color codes
face Changes the font type
size Changes the font sizeChoices from 1 to 7, or relative values such as +2
Bold and Italic
•Bold: <b>….</b>•Italic: <i>…..</i>
Web Page Images•Used as:
▫Background▫Pictures or graphics on the web page
•Image Types:▫JPEG (Joint Photographic Experts Groups)
files: A graphic image that is saved using compression techniques to make it smaller for download on the Web. It supports more colors and resolutions than the other file types => good for complex images such as scanned photographs.
Background Images
•Use the “background” attribute for the body tag
<body background=“assets/stripes.jpg”>
Inserting an Image and Wrapping Text•src attribute with border, height,
width, align•border value: 0 => No border
1 => Thin border 2 => Thicker border …..
•align value: left, right, bottom, top, middle
<img src= “pizza.jpg” border=“1” height=“119” width=“182” align= “left” alt=“Delicious Pizza”>
Adding a Link
•Uses <a> and </a> tags•Three types of links:
▫E-mail links▫Internal links▫External links
•mailto word<a href=“mailto:[email protected]”>Collier</a>
E-mail links
•mailto word<a href=“mailto:[email protected]”>Collier</a>
Internal Links<a href= “menu.htm”>here</a>
External Links<a href= “http://www.yahoo.com”>Yahoo!</a>
Summary
•HTML tags and attributes: TAGS ATTRIBUTES
<font> color, size, face
<b>, <strong>, <i>, <em>
<img> src, alt, width, height, border
<a> href, target
<body> bgcolor
<body> background
<p>, <img>, etc. align
Top Related