Class tutorial
We are learning how to type HTML coding.

  1. Load up Notepad (Go to Start/ Accessories/ Notepad)
  2. Save it as tutorial.html in your HTML folder under another folder called tutorial
  3. You will find your own clipart at a free clipart site and save it in the same folder where you saved your tutorial
  4. Find your own link instead of using my link.
  5. Create your 2 buttons in Photoshop...save them in your tutorial folder
  6. Use the code below. Here is a preview of what your page should look like.
html.jpg



<html>
<head>
<title>Learning to Build HTML coding
</title>
</head>
<body bgcolor="ffCC99">
<A name="top"></a>
<center><h1><font color="blue">My First HTML Web Page</font color></h1></center>
<center><h3>By Mrs. Gallagher-Edlund</h3></center>
<a href="techno1.html"><img src="homebutton.gif"></a>
<a href="page2.html"><img src="page2button.gif"></a>
<br><br>
<hr size="10" color="6699CC">
<b>Welcome to my simple webpage.</b>
<br>

This was created by typing HTML code in Notepad.
<br><br>
Now we are going to put in some links.

Click on <a href="http://www.steelers.com/"> Steelers </a>
<br><br>
Now we are going to insert a graphic into our website. <br>
Make sure you save both graphics and backgrounds in the
same folder as your html website.<br>
You can only save jpg, gif, png or tif files. You may not save bmp.
<center><img src="birdgardening.jpg" width="200" height="200"></center>
<!--This is the code for typing in notes that will
not be seen on our web page-->
<p>Now we are going to type with different size font <br>
and different color font.</p>
<font size="3"><font color="red">
This is typed with a font size tag of 3.<br>
It should be the typical 10-12 size <br>
font used in a document.<br>
It also is colored red.
</font></font>
</p>
<font size="5"><font color="purple">
This is typed with a font size tag of 5.<br>
It is larger and colored purple.
</font></font>
<p>We are now typing an unordered list that uses
bullets.</p>
My favorite classes:
<ul>
<li>Computer apps
<li>Music
<li>CA
</ul>
<br>
<br>
<br>
<p>We are now typing an ordered list that uses
numbers.</P>
Students in my class:
<ol>
<li>Sofia
<li>Aisha
<li>Jordan
</ol>
<br><br><br>
<center><b><a href="mailto:kagallagher@lancaster.k12.pa.us">
Contact me</a></b></center>
<br><br>
<div style="margin:50px">This paragraph is typed
with a margin of 50 pixels. This will put a margin
all around these words.</div><br><br>
This is one way of putting music into your website.<br>
<embed src="Riverdance.mp3" Autostart="false" Loop="true">
<br><br>
Your music file <b>MUST</b> be in your HTML folder.<br>
Autostart function allows your music to start right away
if true, and must be clicked if false.<br>
Loop function allows your music to continuously
play if true.

<br>
Here is another way to put music into your web.
<br>
<a href="riverdance.mp3">Riverdance music</a>
<br><br>
Here are the codes for a playlist. This allows you to embed
a list of songs in your website. You must save this list
in your Windows Media Player.

<embed name="Playlist1.m3u"
src="Playlist1.m3u"
width="300"
height="90"
loop="false"
hidden="false"
autostart="false">
</embed>
<br><br>
<center><a href="#top"><img src="buttontopofpage.gif"></a></center>
</html>