F! ,Sample Page and HTML Examples *

;[Digital logo]
0[HR]


0

Welcome to Digital's HTML Starter Page!



OThis page shows basic HTML coding. It also contains a list of pointers to someuseful Web sites. 



>Click any of the topics below to jump to detailed information:

 7
1

HTML Information



*Here's a good reference about coding HTML:



4Here's a well-thought-out style guide for WWW pages:



CIf you're new to the Web, here's the classic introduction document:

6
7

Sample HTML Coding



MThe following sections provide examples and templates of some basic HTML 2.0Ncoding. This page does not include all the HTML tags and their variations, .but these tags are enough to get you started. 



;Click on any item in the following list to display a topic:

 7
7

Basic page structure



$The basic page coding includes the <html>, <head>, <title>, and<body> tags. 



Use of tags:

 

Example:


<html><head>9<title>Sample Page and HTML Examples </title>
</head><body>..... text of the document
</body>
</html>


OClick here to return to the list of sample topics.

7
6

Heads (or Heading Levels)



WHTML supports up to six levels of headings. The <h1>, <h2>, <h3>,P<h4>, <h5>, and <h6> tags indicate the level of heading; 2each heading has its own appearance on a browser.



Example:


,<h1>This is a Level 1 Head </h1>,<h2>This is a Level 2 Head </h2>,<h3>This is a Level 3 Head </h3>,<h4>This is a Level 4 Head </h4>


Result:





This is a Level 1 Head

This is a Level 2 Head

This is a Level 3 Head

!

This is a Level 4 Head



OClick here to return to the list of sample topics.

7
+

Paragraphs



OThe <p> and </p> tags enclose each paragraph of informationLin the HTML file. The paragraph tags should not enclose heads, lists,or preformatted examples. 



Example:


	<p>This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. 
</p>


Result:



OThis is a paragraph of text. This is a paragraph of text. This is a paragraph'of text. This is a paragraph of text. 



OClick here to return to the list of sample topics.

7
I

Ordered (numbered) and Unordered (bulleted) Lists



TThe list coding includes the <ol> and </op> ("ordered"or numbered list) or J<ul> and </ul> ("unordered" or bulleted list)7tags, and the <li> and </li> tags. 



Use of tags:

 

Example:



<ul>6<li>This is unordered list item one. </li>6<li>This is unordered list item two. </li>-<li>This is unordered list item three. 
   <ol>:   <li>This is ordered sublist item one. </li>:   <li>This is ordered sublist item two. </li><   <li>This is ordered sublist item three. </li>   </ol></li>7<li>This is unordered list item four. </li></ul>


Result:





 

OClick here to return to the list of sample topics.

7
0

Emphasized text



"The emphasis coding includes the bold, italic, code example, and horizontal rule tags. 



Use of tags:

 

Example:


.This line has a <b>bold </b> word.5This line has an <i>italicized </i> word.'This line introduces preformatted text:<pre>  Line 1  Line 2  Line 3</pre>/This line has is followed by a horizontal rule:
<hr>


Results:



"This line has a bold word. 



)This line has an italicized word. 



'This line introduces preformatted text:


  Line 1  Line 2  Line 3


/This line has is followed by a horizontal rule:




OClick here to return to the list of sample topics.

9
6

Inline Graphics



:The inline graphics coding has several parts, including img src and alt. 



Syntax:



L<img src="FILENAME.GIF" alt="Description of art"> 



Parts:

 

Example:


F<img src="DIGITAL.GIF" alt="[Digital logo]">


Results:



-[Digital logo] 



OClick here to return to the list of sample topics.

8
4

Popup Graphics



9The popup graphics coding has several parts, including a, href, img src, and alt. 



Syntax:



a<a href="POPGRAPH.GIF"><img src="HOTGRAPH.GIF" alt="Descriptionof art"></a> 



Parts:

 

Example:


y<a href="DIGITAL.GIF"><img src="T_NAME.GIF" alt="Description of art"></a>


Results:



KDescription of art 



OClick here to return to the list of sample topics.

8
&

Anchors



The anchor tag has two uses:


    L
  1. When used with a NAME="" value, it defines (or sets an anchor"to) a specific location in a file.
    2. L
  2. When used with an HREF="" value, it jumps back to an anchoredIlocation in a file. For more information about anchors and HREF values, Gclick here (for jumping within a file) or Gclick here (for jumping to another file). 
    3. 


Syntax:



<<a name="ANCHOR_NAME">Anchor text</a> 



Parts: 



Example:


H<h2><a name="ANCHORS">Anchors</a></h2>


OClick here to return to the list of sample topics.

7
A

Hypertext Jump Within a File



KWhen you use anchor tags with an HREF="#ANCHOR_NAME" value, HTMLJjumps back to an anchored location in the current file. The a tagsPenclose the start and end of the text string you want to make hot. Clicking onHthe hot text causes the system to jump to the matching symbol string. 



Syntax:



:<a href="#ANCHOR_NAME">Hot text</a> 



Parts: 



Example:


4For more information about anchors and HREF values, \<a href="#JUMP_IN_FILE">click here</a> (for jumping within a file) or [<a href="#JUMP_TO_FILE">click here</a> (for jumping to another file).


Result:



4For more information about anchors and HREF values, Gclick here (for jumping within a file) or Iclick here (for jumping to another file). 



OClick here to return to the list of sample topics.

8
C

Hypertext Jump to Another File



KWhen you use anchor tags with an HREF="FILENAME.HTML#ANCHOR_NAME"Nvalue, HTML jumps back to an anchored location in a different file. The aN tags enclose the start and end of the text string you want to make hot. JClicking on the hot text causes the system to jump to the matching symbol string. 



Syntax:



G<a href="FILENAME.HTML#ANCHOR_NAME">Hot text</a> 



Parts: 



Example:


4For more information about anchors and HREF values, i<a href="HTML_EXM.HTML#JUMP_IN_FILE">click here</a> (for jumping within a file) or h<a href="HTML_EXM.HTML#JUMP_TO_FILE">click here</a> (for jumping to another file).


Result:



4For more information about anchors and HREF values, Jclick here (for jumping within a file) or Lclick here (for jumping to anotherfile). 



OClick here to return to the list of sample topics. 

/8
t4

Interesting Links

 )H0[HR]F
t
 how2html.htm= 7 November 1995 -* Digital Equipment Corporation Freeware CD
G nee