Basic HTML

To start, we will perform some simple 2D graphics using the HTML canvas.
We will also be using HTML and Javascript to implement projects.
This is a QUICK intro to HTML
- It is not complete or probably even correct.
- It is probably not crossplatform.
- But it will do for our purposes.
- I know it works in chrome, and probably firefox.
- But if you want real instruction in html, see Prof. Tucker.
Oh, and you might not have a web-space in the department.
- But this doesn't matter, you can create html files and view them with a browswer anyway.
- You just can't publish them (here).
So how do I work
- I would make a directory to hold CSCI 360
- I would make a directory under this for each assignment
- mkdir, cd, ...
- pwd
- create a file with a .html extension
- Put the stuff we are talking about in it.
- Point the browser at it (file:/)
HTML is very forgiving, so not everything is required.

But the basic document should contain

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

This will produce this document.

Some tags

A full list is here
Headings, <h1>text</h1>, for h1 through h6
<p> marks a paragraph. </p>
<b> text</b> makes bold text.
<em>, italic

<pre> preformatted text

<!DOCTYPE html>
<html>
<head>
<title> This is the title of the page</title>
</head>
<body>
<h1> The page Title here Too!</h1>
Most browsers do
not
        care about whitespace
in the docuemnt.
<br>
But they respond to <b>markup.</b>
<br>
<h4>What does a <pre> Tag Do?</h4>
<pre>
    But space inside a <pre> 
    block is maintained.  <em>Most tags 
    still work however</em>
</pre>

</body>
</html>

Click here to display this document.

Links
- Links are created with the <a> tag.
- < a href="URL"> text<a>
- The text will be marked as a link.
- When the user clicks on the text, the browser will display load and display the linked text.
- If the URL is a file name, the local file will be loaded.
- Many options, but this will do.
```
<!DOCTYPE html>
<html>
<head>
<title> A link</title>
</head>
<body>
  A link to <a href="demo2.html">demo2 </a>.
</body>
</html>
	
```
- This code is implemented here
Special Characters.
- You can draw many special characters.
- A reference is here
- Generally &name;
- & draws &
- < draws <
- α draws α