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="100%" border=1 cellpadding=5 bgcolor="#ffffff">
<tr>
<td width="100%" 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. |