ADDING BACKGROUND IMAGE BASICS IN HTML.pptx

DEVELOPING A
WEB PAGE
ADDING
BACKGROUND
IMAGE

DESIGNING A WEBPAGE
You can create a website
wireframe in three methods:
1. Drawing it by hand on paper
2. Using Adobe Photoshop,
illustrator, paint or any
graphics software
3. Using software created for
this type of task like
OmniGraffle

GUIDELINES IN DESIGNING A
WEBPAGE
•Use web safe color so that everyone can see the design and content
clearly
•Provide navigation and site map
•Fill it with interesting text, not just graphics
•Organize the layout of the site
•Make the text readable
•Limit the number of images and other multimedia files such as
animation

CREATING AN ACTUAL WEBPAGE
Here is the basic skeleton for an HTML document:

Here are some of the important words you should know on learning
about HTML:
•Tag – piece of code that acts as a label that web browser
interprets.
•Element – a complete tag with an opening and closing
tags
•Attribute – a property value that customizes or modifies
an HTML element

APPLYING BACKGROUND IMAGE
•To apply background image, background is the HTML
attribute used to place pictures or images in the
background of HTML elements.
•Example HTML Background Image Code:
<table height=”100” width=”150”
background=”/images/background.jpg”>

<html>
<head>
<title> </title>
<style>
body {
background-image:
url("SpongeBob.png");
background-repeat: no-repeat;
}
</style>
</head>
<body>
</body>

ADDING A LINE BREAK
•The <br> tag inserts a single line
break. It is an empty tag meaning it
has no closing tag. <br> tag is use to
insert line breaks and is not intended to
create paragraphs.

ADDING BACKGROUND IMAGE BASICS IN HTML.pptx

More Related Content

Similar to ADDING BACKGROUND IMAGE BASICS IN HTML.pptx

Recently uploaded

ADDING BACKGROUND IMAGE BASICS IN HTML.pptx