HTML

 

HTML Document design:

 

<html>

 

<head>

 

<meta name="Author" content="Amir Shohdy (Web Design)">

<meta name="DESCRIPTION" content="Programmer">

<meta name="KEYWORDS" content="Management Consultants, management consulting, Business Consulting, Corporate Governance, Board of Directors, Small Business Consulting, Re-engineering, Sales Management, Strategic Planning, Marketing, Business Strategy, Corporate Strategy, turn-arounds, Business Turnarounds, International Market, Profits, sales, Competitive Intelligence, marketing research, business planning, Business Plan">

 

<title>Amir Home Page</title>

 

</head>

 

<body>

 

</body>

 

</html>

 


 

Tables:

1 row, 1 column:

 

<table border="1" width="100%">

 

<tr>

    <td width="100%"></td>

</tr>

 

</table>

 

2 rows, 2 columns:

<table border="1" width="100%">

  <tr>

    <td width="100%"></td>

    <td width="100%"></td>

  </tr>

 

  <tr>

    <td width="100%"></td>

    <td width="100%"></td>

  </tr>

</table>

 


 

Links:

Basic:

<a href="http://www.lifelight.org">my link</a>

 

With picture:

 

<a href="http://www.lifelight.org"><img border="0" src="http://www.lifelight.org/images.pic.jpg " width="417" height="364"></a></p>

 

Note : you can also specify a file on the hard drive:

file:///C:/WIN98/TEMP/FrontPageTempDir/pic.jpg

 


 

Forms:

 

<form method="POST" action="http://www.lifelightcomputers.com/form.cgi">

 

  <p>Name:<input type="text" name="T1" size="20"></p>

 

  <p>Hobbies:</p>

  <p><input type="checkbox" name="C1" value="ON">Sports</p>

  <p><input type="checkbox" name="C2" value="ON">Music</p>

 

  <p>Status:</p>

  <p><input type="radio" checked name="R1" value="single">Single</p>

  <p><input type="radio" name="R1" value="married">Married</p>

Note: both radio inputs must be with the same name. 

  <p>computer:</p>

  <p>

  <select size="1" name="D1">

  <option>IBM</option>

  <option>DELL</option>

  </select>

  </p>

  <p>&nbsp;</p>

  <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>

</form>

 

 


Frames:

Named references:

Named references let you link to different parts of the same page or link to a specific part of another page. In order for a link within a page to work, you need to include enough text so the link points to a section that isn't on the screen at the same time as the hyperlink text. To create a link on the same page you need to establish names or labels for the jump-to destinations in the page. You identify the named reference in the link by using the pound sign before the text specified in the named reference.

 <p>Check out our<a href="#help">Virtual Help Desk</a></p>

The href attribute specifies the anchor is the destination of the link. The #help label is used to specify the destination of the link.

                 <a name="help"></a>

                 <p>Welcome to the Help Desk</p>

The name attribute specifies the anchor is the named destination of the link. If you click the "Virtual Help Desk" hypertext (shown in the previous example), you will be sent to the Anchor with the name="help" in the document.


 

Font:

 

Bold:

<b>This text appears in Boldface.</b>

italic:

<i></i>

Size:

<font size ="+2">

 

 


Lists: Unordered:

<ul>

                       <li>List item 1.</li>

                       <li>List item 2.</li>

                       <li>List item 3.</li>

                     </ul>

 

or ordered:

<ol>

                       <li>List item 1.</li>

                       <li>List item 2.</li>

                       <li>List item 3.</li>

                     </ol>