html. adding background color the bgcolor attribute lets you change the background color of the web...
TRANSCRIPT
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