More...

Site Navigation--> Introduction Saving Edit/Create Make It Unique More...


This Introduction to creating Web pages was just that...an introduction. There is plenty more you can do to customize your pages.

HELPFUL HINTS

  • <img> tag does not have an end tag
  • Most tags have attributes that further specify how to render the element.
      Example:
    • <body background="yellow" width="400" align="right" </body>
  • There are plenty of resources on the internet for simple and easy.
  • When specifying a path within a link to a page on the internet, you must specify the entire path. This path tells the browser where, out there in Internet Land, to look for the file. If you don't specify the entire path, it looks for the file on your hard drive.
  • You should organize your website files in one central location if possible.
  • It is a standard practice to put all of your pictures in a folder called images.
  • When adding a link, cut and paste the url from the browser's Address Box (navigation menu) into the href attribute of the <a> tag to avoid mispellings.
COMMON MISAKES:
  • Tags not closed properly or words outside of end tag
    Examples: <body> This is my First</body> Website
    <font face="Helvectia"><strong>Hello</font>
  • Not saving the document before you try to view it in the browser.
  • Using wrong attributes in a tag, or incorrect attribute values
  • Not enclosing the attribute value within "" (double or single quotes).
  • Placing items intended to be rendered by the browser outside of the <body> tags.
  • Not placing spaces between attributes within the tag
    Example: <img src="images/flower.gif""height="10">
  • Misspelling or incorrect path in the src attribute of the <img> tag or the href attribute of the <a> tag
    Example: <img src="www.cs.nsu.edu/images/flower.gif">
    Example: <a href="cs.nsu.edu">CS Website</a>
  • Not erasing unnecessary tags from your file
    Example: <font color="red"></font>

USEFUL TAGS
<br>Adds a line break (like hitting 'enter')
<hr>Adds a horizontal line
   
USEFUL LINKS
W3C List of Attributes
W3C Info on Links
W3C Info on Tables
W3C Info on Lists
W3C Info on Objects & Images
W3C Info on Body Element