Class Monday, December 16, 2013

1.  Just for fun before we get started:

Check out Google’s interactive Santa tracker

2.  Let’s look at some more HTML tags:

http://www.w3schools.com/tags/default.asp

I also like http://www.htmldog.com/guides/html/

3.  Let’s practice- fix this:

You are going to fix the following code.  Replace the incorrect code with the correct code.

Also, please create a graphic and add it to your page from the following website:

http://wigflip.com/

To start, open a new, blank Notepad or Notepad ++ file.  Copy and paste the following code.  Then begin correcting the code.

<! DOCTYPE html>

<head>

</head>

<title>Where does the title belong?</title>

<body>

</p>Is this paragraph code correct?<p>

<h1>Is this headline correct?</h2>

<image src=”mustang1.jpg” />

<p><a link=”http://www.medfordpublicschools.org/”>What is wrong with this link to the school website?</a></p>

<p><strong>Just some bold text in a paragraph, right?</p></strong>

<!– Something is wrong with this comment –!>

<em><p>Make sure to save this file correctly as a webpage</p><em>

<p>Someone help me, I don’t want to be italicized!</p>

<ul>
<li>bullet list item</li>
<li>bullet list item<li>
</li>bullet list item</li>
</ul>

<ul>
<li>numbered list item</li>
<li>number list item</li>
<li>number list item</li>
</ul></ol>

</body>

</html>

Done?

Great job!