[an error occurred while processing this directive] [an error occurred while processing this directive]
 
Buy Fanzing's first comic:
"Job Wanted"!
   
  Monitor Duty    >     Fanzing Archives    >    HTML Tutorial Sitemap      
Fanzing Tutorial
Intro
Part 1: Tools
Part 2: Basic Code
Part 3: More Codes
Part 4: Basic Page
Part 5: Conversion
Part 6: Clean-Up
Part 7: Skeleton!
Part 8: Demo
Part 9: Style!
Part 10: Resources
Character codes
[an error occurred while processing this directive]

End of Summer
  

Fanzing's Web Design Tutorial

Part 10: Reference Materials

A Handy Table

Print this out and keep it near your desk, or bookmark this page. The following codes should prove useful.

Coding What It Does
<p> </p> Paragraph tags. Put these around text in order to indicate that the text is a paragraph.
<b> </b> Bold tags. Put these around words to make them appear bold.
  Italic tags. Put these around words to make them appear italicized.
<br /> Break tag. This will start text on a new line within a paragraph or a heading.
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>		 Heading tags. These tags around text will indicate that they are headings, such as titles, subheadings, author name, etc. There are six levels of headings, H1 being the largest, H6 being the smallest. You'll want to use some CSS coding with certain tags, as you'll see below.
<hr /> OR
<hr width="50%" />		 Horizontal rule tags. These make a small horizontal line across the page, used to divide your piece into sections or chapters. You can use the simple form of the tag at the top, or add [width="50%"] to make the line 1/2 the width of the text area.
&copy; OR &#169; Either one of those codes will produce a ©
For more, see the entity sheet.
&uuml; OR &#252; Either one of these codes makes the ü in Blüdhaven.
For more, see the entity sheet.
<h1 class="title"> </h1> Put these tags around the title of your piece.
<h2 class="author"> </h2> Put these header tags around your name beneath the title.
<h3 class="pretitle"> </h3> Put these tags around the pretitle (the smaller text above your title).
<h3 class="subtitle"> </h3> Put these tags around the subtitle (the smaller text below your title).
<h3 class="chapter"> </h3> Put these tags around chapter headings within your piece.

For more useful codes, see the entity sheet.

Links You'll Need

The best tutorial I've found on CSS (Cascading Style Sheets) is at Cnet's Builder.com. That site is a great resource for web design tutorials on a number of subjects.

Other good tutorial sites are webmonkey.com and ZDNet's Developer.

Arachnophilia is available for downloading at http://www.arachnoid.com/arachnophilia/

Want a complete list of character entities (the codes for making ü, © and the rest)? You can find one at Webmonkey: http://hotwired.lycos.com/webmonkey/reference/special_characters/

 

[an error occurred while processing this directive]
 
Return to the Top of the Page [an error occurred while processing this directive]
 
 
 
This tutorial is © 2000 Michael Hutchison
Fanzing is not associated with DC Comics.
All DC Comics characters, trademarks and images (where used) are ™ DC Comics, Inc.
DC characters are used here in fan art and fiction in accordance with their generous "fair use" policies.
[an error occurred while processing this directive] 		 
Fanzing site version 7.1