1. Unit 2: Web Design
Html is the language we use to create websites.
The instructions in html are made up of elements
and elements are made up of tags.
2. Coding in html
<html> is an opening tag which appears at the
beginning of the code and </html appears at
the end. Collectively this is know as an
element.
4. Elements
There are two types of elements-
Container elements (which are elements that
have opening and closing tags. The tags are
the same except the closing tag has a /.
Empty elements are tags with no closing tag.
5. Example code
Copy this into notepad-
<html>
<head>
<title> Assumption </title>
</head>
<body> <h1> hellooooooooooo </h1>
</body>
</html>
6. Example code
Now add this into notepad-
<html>
<head>
<title> Assumption </title>
</head>
<body>
<h1> hellooooooooooo </h1>
<h2> hello again </h2>
</body>
</html>
7. Example code
Now add this into notepad-
<html>
<head>
<title> Assumption </title>
</head>
<body>
<h1ALIGN = LEFT> hellooooooooooo </h1>
<h2 ALIGN = RIGHT> hello again </h2>
</body>
</html>
8. Example code
Now add this into notepad-
<html>
<head>
<title> Assumption </title>
</head> <body>
<H2> <TT> Revolution</TT></H2>
Rotation and revolution occur <I> simultaenously </I>. The earth
takes <B> 365 </B> days to complete.This is called a <U> Year
</U>
</body>
</html>
9. Example code
Now add this into notepad-
<html>
<head>
<title> Assumption </title>
</head> <body>
<H2> <TT> Revolution</TT></H2>
Rotation and revolution occur <I> simultaenously </I>. The earth
takes <B> 365 </B> days to complete.This is called a <U> Year
</U>
</body>
</html>
10. Continue practicing...
Go to page 30 and go through each example
until page 34.
Find an image on the internet that you will use
as a background image for a webpage.
Copy example on page 34.