Introduction
In this Web Quest you will learn the basic skills to code and build a web page. It will show you the basics of how to change font and background color and font size. Also, you will learn to align text and pictures to the left, right, and center. and make hyper links.
Task
1. At the beginning of every webpage you most start the coding with a declaration. The declaration for HTML webpage is <!DOCTYPE html>.
2. Next you type in
<html>
<head>
which will tell the computer it is a html doc. then head tell you are starting on the body
3. <title>Welcome to the html lounge....</title> this is titling the document or the heading
</head>
4. <body style="background-color:black; color:white;"> this is the style of the web page
5. <h1>Learning HTML 5</h1> this the first heading
<hr>
6. <img src="http://www.w3.org/html/logo/downloads/
HTML5_Logo_512.png" style="float:right"> this is inserting an image
7. <h2>What is HTML?</h2> heding number two
8. <p>HTML is the language of Web pages. I can create a Web page
using a simple text editor.</p> this is starting a new paragraph
<h3>These are 3 web sites that will help me learn HTML</h3>
9.<ul>
<li><a href="http://w3schools.com/">w3schools</a></li>
</ul> this is inserting am url
10. </body>
</html> closing the document
Process
<!DOCTYPE html>
<html>
<head>
<title>Welcome to the html lounge....</title>
</head>
<body style="background-color:black; color:white;">
<h1>Learning HTML 5</h1>
<hr>
<img src="http://www.w3.org/html/logo/downloads/
HTML5_Logo_512.png" style="float:right">
<h2>What is HTML?</h2>
<p>HTML is the language of Web pages. I can create a Web page
using a simple text editor.</p>
<p>I have learned how to display an image.</p>
<h3>These are 3 web sites that will help me learn HTML</h3>
<ul>
<li><a href="http://w3schools.com/">w3schools</a></li>
<li><a href="http://htmldog.com/guides/html/beginner/">html
dog</a></li>
<li><a href="http://www.codecademy.com/tracks/htmlcss">code
academy</a></li>
</ul>
<h4>This is heading style 4</h4>
<h5>heading style 5</h5>
<h6>heading style 6</h6>
</body>
</html>
Evaluation
Please code a simple web page telling me you name and age with a picture of yoursef
Credits
Aaron, Daniel