Okay Now that you have the basic programming skills to write website in HTML, we can move on to real web programming. In this lesson we will be learning all about HTML tags.
We can start us off with how to make a link in HTML. If you are unsure what a link is, a link is some text the will take you to another page. Links use the a tag. A stands for anchor. To create a basic link to google.com you would use this code. Shown in Listing 2.1
Listing 2.1
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My First Page</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<a href="http://www.google.com/">Click Me</a>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My First Page</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<a href="http://www.google.com/">Click Me</a>
</body>
</html>
Lets go take a look at what code is doing and means. If you look you will see the HTML structure that we learned last class. You will see that the a tag is there. Href is were the links goes to. If you look you will see that it looks like this.
CODE
href="http://www.google.com/
That is the proper syntax to define a HTML parameter. That is the main things that you will need to know about the A tag.Another really useful tag is the img tag. The img tag is the tag the you use to add an image to the page. There is 1 parameter to the img tag. It is the src parameter. You can give it a value like /image.png or http://www.google.com/images/google. Example in Listing 2.2
Listing 2.2
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Image</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Cat_drawing.svg/322px-Cat_drawing.svg.png" alt="This is the title" />
</body>
</html>
That is the basic code to a image. You can add the height parameter and or the width parameter. Also you can add the alt parameter. The alt parameter is a parameter the defines what text will show up when you put your mouse over it, it is the title.
That was all to learn in this lesson. If
