simple web page jbwyatt.com

A SIMPLE web page is SIMPLE to create.



.. web and browser

 1960s ARPANet
   survive nuclear war
   
Internet
   1970s 80s Academics - FTP, email
   1988 - allowed commercial access
   1995 - web utilized Internet


WWW is actually just a linked set of documents that uses the 
Internet with which to communicate...

Browser just a file viewer

html tags tell browser how to display information
markup language

<  tag  > 

"throwing out the garbage can"

.. jupiter / cisprod

Clarion server(s):

   http://jupiter.clarion.edu/~s_imstudent/
   http://jupiter.clarion.edu/~wyatt/


   http://cisprod.clarion.edu/~s_imstudent/
   http://cisprod.clarion.edu/~wyatt/

   
   the file "index.html" is the default home page
   
   log on   
       cd ~/public_html/
           pico index.html
              create page
           exit and save
       
       load/reload page

.. list of html tags you are responsible for

complete list of tags at w3


HTML Tags

<!-->
<!DOCTYPE>
<a>
<b>
<body>
<br>
<button>
<center>
<code>
<div>
<dl>
<dt>
<em>
<font>
<form>
<head>
<h1> - <h6>
<hr>
<html>
<i>
<img>
<input>
<ins>
<label>
<li>
<link>
<meta>
<ol>
<p>
<pre>
<script>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<td>
<textarea>
<th>
<thead>
<title>
<tr>
<u>
<ul>

.. an html example

Create the HTML for the following:



Header level 2

Paragraph skips one space and sets text off in a paragraph.


Horizontal rule
Line break link to wyatt site algorithm
Bold text
This is centered and italicized text
  • list item 1
  • list item 2
  • list item 3

Below is the HTML for the above:




<html>

   <head>
      <title>This shows up in title bar</title>
   </head>
   
   <body>   
   
      <h2>Header level 2</h2> 
   
      <p>
      Paragraph skips one space and sets text off in a paragraph.
      </p>
      
      <hr /> Horizontal rule
      
      <br /> Line break
      
      <a href="http://jbwyatt.com" title="wyatts page">link to wyatt site</a>
      
      <img src="pics/algprog.gif" title="picture at pics/alprog.gif"  />
      <hr />
      
      <b>Bold text</b>      
      <center><i>This is centered and italicized text</i></center>      
      <ul> 
         <li>list item 1</li> 
         <li>list item 2</li> 
         <li>list item 3</li> 

      </ul>            
   </body>
</html>

valid xhtml 1.0