DLiteracy.org Learning Digitally
                                                   home example news

Directions: Read the following information and then print and complete the following test with 100 percent accuracy.

Click to Print Test

HTML is the language used to create web pages. (H)yper refers to the random nature of the internet. (T)ext is what you use to create web pages. (M)ark-up is what you do with the text you write. (L)anguage because HTML is written in plain English language. One simple way to create a document is to use Window's Notepad program.

The document is created and saved as a text only file with the suffix .html. It is best to use a simple word processor like Notepad" but an advanced word processor like "Word" can be used if you select the text file format before saving.

When you finish composing your document, you will view the page in a browser. The browser will interpret the HTML commands you have written and display the Web page. The most common browser is Microsoft Internet Explorer. There are others, but this is the most common. You can select View and then Source from a browser window to see the html source code of any document you view on the internet.

An FTP application will then be needed to post you pages to a web server connected to the world wide web. This Web, known as the internet, allows the page to be viewed by a world wide audience.

HTML Code Used for This Project                                                Explanation

<html>




<head>
<title>Jackie Jay's Portfolio</title>
</head>





<body bgcolor="#336666">

 

 

<center>



<table width=660 border=1 cellpadding=5 bgcolor="#ffffff">



<tr>

<td width=540 valign=top>

<center>
<font size="+2">Jackie Jay's Portfolio</font>



<br><br>

<img src="images/front.jpg">
</center>

<p>Expository essay goes here.

<p>Start paragraph two of the essay here.

</td>

<td width=120 valign=top>

<p><b>Information</b>
<br><a href="https://www2.wrdc.wa-k12.net/scripts/cgiip.exe/WService=wportans71/fwemnu01.w">Grades</a>
<br><a href="writing/journal.doc">Journal</a>
<br><a href="library/index.html">Library</a>

<p><b>Resume</b>
<br><a href="writing/cover_letter.doc">Cover Letter</a>
<br><a href="writing/resume.doc">Resume</a>
<br><a href="work/index.html">Work</a>
<br><a href="hobbies/index.html">Hobbies</a>
<br><a href="community/index.html">Community</a>
<br><a href="awards/index.html">Awards</a>
<br><a href="references/index.html">References</a>

<p><b>Academics</b>
<br><a href="art/index.html">Art</a>
<br><a href="math/index.html">Math</a>
<br><a href="fitness/index.html">Fitness</a>
<br><a href="performing_arts/index.html">Performing Arts</a>
<br><a href="reading/index.html">Reading</a>
<a href="presentations/index.html">Presentations</a>
<br><a href="science/index.html">Science</a>
<br><a href="ss/index.html">Social Studies</a>
<br><a href="technology/index.html">Technology</a>
<br><a href="typing/index.html">Typing</a>
<br><a href="writing/index.html">Writing</a>

</td>

</tr>

</table>
</center>

</body>
</html>

<> html tags.

<html>
tells the browser to read the file as a web page.

The <head> is the management section of the web page. It instructs the browser to perform tasks that happen behind the scenes.

The <title> command shows up at the top of the browser window.

The <body> is where you create the information that shows up in the browser.

bgcolor is an attribute of the <body> command and changes the background color of the web page.

<center> places information in the center of the page until you turn it off.

a <table> divides the web page into sections. One of the attributes is width=660 which tells the table to be 660 pixels wide.

<tr> identifies the first row of the table.

<td> identifies the first data cell.


<font size="+2"> can change the font between -7 and +7.

<br> tells the browser to skip one line.

<img src=""> tells the browser to display a picture.

The paragraph command <p> tells the browser to skip two lines.


</td> turns off the first table data.



<b> makes words bold until you turn it off </b>





<a href="  ">
turns on the hyperlink. </a> turns off a hyperlink.

hobbies/index.html tells the browser what file to link to. In other words. Look inside the folder hobbies for the file called index.html.

The writing between <a href="  "> and </a> is the hyperlink name that shows up on the web page.












</tr> turns off the table row.

</table> turns off the table.
</center> stops centering the table.

</body> turns off the body.
</html> turns off the webpage.

Every web page must have an <html> and <body> command. There can only be one of each.



Back
Copyright © 2004