| Day 2 - Basic HTML
Today is an exciting day, you will build your very first Web page.
First, let us discuss HTML. It is the language used to build Web
pages. It is relatively easy to understand HTML, all Web pages follow
the basic structure. For example, a simple Web page called index.html,
shown below:
<html>
<head>
<title> Place your page title here </title>
</head>
<body>
</body>
</html>
HTML Elements
To explain, items in between the < > symbols are called HTML
elements (e.g. html, head, title, body).
HTML Tags
When an element is enclosed in < >, for example <body>,
the term for this is a tag. Note <body> is an opening tag, and
</body> is a closing tag. The / symbol is added to denote a
closing tag.
To explain the <html> tag defines the document to be an HTML
document. The <head> defines an area where we can define page
<title> and <meta> tag. Do not worry about this for now.
The <body> element defines the region of white space on your
Web browser. It is in between the body tags where we define most of
the content of our Web page.
Let us look at the example below:
Ok, it is time for you to try. First, open Notepad. Type in the
text as seen in the figure above. Include the items in red. Then save
the file as:
File name: index.html
Save as type: All files
Encoding: ANSI
Note that you must change the value in "Save as type" to
indicate "All files."
Also note the location on your PC where you are going to save the
file.
To view your very first Web page, open your Windows file manager or
Explorer, look and click on the file index.html. A Web browser should
open showing your Web page. Success!
And finally, to understand a basic HTML line:
Note two new terms, the attribute and value.
Basically, a single HTML element can have multiple attributes, and
each attribute must have a single value. But this is advanced stuff,
do not worry about this.
If you are comfortable with today's lesson, then we can move on to day
3.
|
