.: BARCLAY BARRIOS | WEB AUTHORING | RUTGERS UNIVERSITY | M 4,5 :.











home
| email

Coder 101: And then...

WYS is not always WYG. WYG, sometimes, is a mess and in order to see what you want to see, you need to muck about in the code.

Ah, code! I remember the good old days. . . the excitement of the first font tag! the juvenile thrill of <BLINK>! wrestling with the coding for a table! Yes, my children, it was good to be a hand-coder, and those skills still serve me well. Sometimes, Dreamweaver does not behave. Tables get messy, or you can't grab a tag, or can't apply a style. Go to the code, children, to the code!

OK. Enough reminiscing. For this part of the assignment, you need to hand-code a simple page. Start by reading through the HTML Tutorial at GetIT (link opens in new window).

Now, examine these tags:

  • <H1></H1>
  • <H2></H2>
  • <H3></H3>
  • <H4></H4>
  • <H5></H5>
  • <P></P>
  • <BR>
  • <HR>
  • <B></B>
  • <I></I>
  • <A HREF="http://www.some_url.com"></A>
  • <IMG SRC="some_image.jpg">
  • <TABLE></TABLE>
  • <BODY></BODY>
  • <HTML></HTML>
  • <HEAD></HEAD>
  • <TITLE></TITLE>

Using notepad, make a page using at least seven of these tags (or other tags you know or discover). See the resources page for HTML references on the web. Save the page you create as index.html and load it up in a browser. Holler for me when it's done.

HTML, of course, stands for HyperText Markup Language—as a markup language, it's designed to describe the structure of a page, not its appearance. It took style sheets for true design to come to the web. What's a style sheet? Well, about time you learned about CSS, huh?

 

 

 

return to assignments