HTML Slides 2 - Caroline Collier
advertisement
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 Attributes: </font> color Changes the font color Uses color codes face Changes size Changes the font type the font size Choices 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:caroline.collier@gcsu.edu”>Collier</a> E-mail links • mailto word <a href=“mailto:caroline.collier@gcsu.edu”>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
![[words in left shaded column]](http://s3.studylib.net/store/data/007631291_2-e3ec39ef61a33231e5e5cc298c2d645a-300x300.png)