Chapter 8ENHANCING WEB PAGEWITH BACKGROUND ANDRULES
USING COLORS ANDIMAGES AS BACKGROUND REMINDERS ON PUTTING  BACKGROUND COLORS and IMAGES 1. Consider the color harmony, a...
THE BGCOLORATTRIBUTE Background    color tag <bgcolor> is  used to set the background color of  the entire Web page. The ...
BACKGROUND IMAGEATTRIBUTE BACKGROUND IMAGE TAG: Instead of  background color, you can also put an  image on your Web page...
PUTTING HORIZONTALRULES Web pages contain information on  different categories, so it a good practice  to organize them p...
<HR> tag WIDTH Attribute   The width of a dividing line depends on the    browser screen.   For you to control the width...
The <HR> tag SIZEattribute Size attribute defines the thickness of a  line. The syntax to do this is:  <HR Size= pixels>...
<HR> tag ALIGN attribute HR are centered by default. To specify  your desired alignment, you set the  ALIGN attribute of ...
Html web designing background and rules
Upcoming SlideShare
Loading in...5
×

Html web designing background and rules

945

Published on

For BBEMNHS students reference.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
945
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html web designing background and rules

  1. 1. Chapter 8ENHANCING WEB PAGEWITH BACKGROUND ANDRULES
  2. 2. USING COLORS ANDIMAGES AS BACKGROUND REMINDERS ON PUTTING BACKGROUND COLORS and IMAGES 1. Consider the color harmony, a darker text color will be harmonious with lighter background and a lighter text color with a darker background. Consider the file size of the image, the bigger the file ,the slower will load your web page.
  3. 3. THE BGCOLORATTRIBUTE Background color tag <bgcolor> is used to set the background color of the entire Web page. The syntax for putting background color is: <body bgcolor= ncolor> where ncolor is n is the name/code of the color. Ex. <body bgcolor= red> Note: You can also used the HTML Color code.
  4. 4. BACKGROUND IMAGEATTRIBUTE BACKGROUND IMAGE TAG: Instead of background color, you can also put an image on your Web page to serve as background attribute. The syntax for adding image background is: <body background= ‘imagefile’> Where imagefile is the file name of the image you want to put as background. Note: The images should be in the same folder of your save web page documents.
  5. 5. PUTTING HORIZONTALRULES Web pages contain information on different categories, so it a good practice to organize them properly into sections or divisions. To indicate these divisions, a horizontal rule (dividing line) is used. To add a dividing line, the <HR> tag is used. The syntax is <HR>
  6. 6. <HR> tag WIDTH Attribute The width of a dividing line depends on the browser screen. For you to control the width of the line, you can set the WIDTH attribute of the <HR> tag you desired thickness in either pixels or percentage of the width of the browser screen. The syntax for using the WIDTH attribute is: <HR WIDTH= pixels> or <HR WIDTH= percent>Ex. <HR width= 50> or <HR width= 25%>
  7. 7. The <HR> tag SIZEattribute Size attribute defines the thickness of a line. The syntax to do this is: <HR Size= pixels> Ex. <HR Size= 1> Note: The default size is 2 pixels
  8. 8. <HR> tag ALIGN attribute HR are centered by default. To specify your desired alignment, you set the ALIGN attribute of the <HR> tag to LEFT, RIGHT, or CENTER. The syntax for doing this is:<HR ALIGN= alignment>Ex. <HR ALIGN= left><HR NOSHADE> if you don’t want the HR to have shading.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×