1. Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

2. Computer Science 1611 Internet & Web Features for discussion Font features –Color : color of the text –Face : set the typestyle for text –S i z e : size of the font –Alignment Image features –Height, width –Alignment of text –Alternate text Tables

3. Computer Science 1611 Internet & Web Font features Color : color of the text All this will display as Red All this will display as Blue or will set the background color of the “body” to blue Face : set the typestyle for text This will display as Arial S i z e : size of the font All this will be tiny font All this will be larger font

4. Computer Science 1611 Internet & Web More Font features Alignment means break to the next line means no break, and will not let your text break(this causes the reader to have to scroll to the right) paragraph text goes here means break two lines for a new paragraph text to be centered results in text to be centered

5. Computer Science 1611 Internet & Web Align Tag We can also align the text in a “container” to the left, center or middle using a simple attribute of the –heading tag –paragraph tag To do this we use the following attributes within these tags. –align="center" –align="left" –align="right" Because the alignment is an attribute of a tag, aligns must go inside the main tag they intend to align.

6. Computer Science 1611 Internet & Web html images In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only and it has no closing tag. You can use an image as the background for the body

7. Computer Science 1611 Internet & Web image attributes Attributes which can be assigned to an image include height - the height of the image width - the width of the image align - the horizontal alignment of the image top----------aligns the text with the top of the picture bottom-------aligns text with bottom of picture middle-------aligns the text with the middle of the image right--------aligns image at right margin-text will wrap on the left side of it left---------aligns picture at the left margin- text will wrap on the right of it hspace - the amount of space you want on the sides your picture in pixels vspace - the amount of space you want on the top and bottom (pixels)