Patrick J. Kidd - Web Page Basics (HTML) -

Web Page Basics (HTML)

Web Programming References ...

You should learn the basic HTML tags. Even if you use a good GUI WYSIWYG HTML editor or word processor, you will sometimes need to make changes that are only possible at the code level.
Debug

Offline: Test (debug) your homepage files offline (locally) by opening the disk files into your browser. Keep both your editor (Notepad text editor or HTML editor) and your browser running at the same time.

Multitasking: Alt-Tab will allow you to switch tasks. You might find it easier to just click on the programs showing on Window's taskbar, at the bottom of the screen.
Steps when using Notepad text editor and a browser:

Modify the HTML code in Notepad (modify = edit = change).
Save the file to disk (probably to H:, Save As... h:\backup\index.htm).
Task-Switch to the browser (using Alt-Tab or Windows' Task bar).
Reload the HTML file from the disk into the browser by using (View (menu) ☐Reload/Refresh) or ("Reload/Refresh" button on the toolbar).

Online: In a later lesson we will use FTP to upload your files (to the Internet) so you can then test them online.

You must get your own graphics files:

create your own
download free graphics (to c:\Windows\temp or to h:\backup\)
Right-click on a graphic image then "Save Image as..." (into c:\Windows\Temp)
buy graphics files
scan your prints or use a digital camera
etc...

HTML Elements
(Hypertext Markup Language)

<h1> <h2> <h3><h4><h5><h6>
<p>
<b><i><u>bold & italicized & underlined</u></i></b> (Warning - You must never use underlining!!)
<pre></pre>
<br>
<hr>
<ul> type="square/circle/disc"
<ol> type="1/A/a/I/i"
<li>
<center></center>

<a href="protocol://url">string</a>
<a href="http://dc1.dawsoncollege.qc.ca/~a999999/">Ima's Homepage</a>
<a href="mailto:a999999@dc1.dawsoncollege.qc.ca">Mail me, svp</a>
<img src="filename.ext" width="200" height="200" align=position title="string">
<a href="protocol://url"><img src="filename.ext">Click on my picture</a>

</body>
</html>