|
|
|
|
Online Free WebSite Improvement Tools and Resources |
||
HTML TAGS |
HTML TAGS
Select an
HTML definition page
HTML Tags
Main HTML tags
HTML is used for designing web pages. Open your textpad and you can begin to
design a web page. Always begin with the HTML tags below. Once you are done
just save your web page as .HTM or as .HTML and your page is ready to be viewed
in a browser. If you dont have textpad you can link to a FREE trial download
at http://www.discoveryvip.com/links.htm
<html></html> Sets up HTML document. Placed in
beginning and at end of document
<head></head> For information that isnt displayed
in the Web page itself. The title is placed in between the head tags.
<title></title> Places the name of the document
in the title bar
<meta name="title" > Insert non dynamic information.
Used to give information about site not visable
<body></body> Used for the visible part of the
document. The Attributes below are used in the body tags to create different
effects. All colors can be set in Hex Value or name value.
<body alink=?> active links
<body bgcolor=?> For background color
<body link=?> color of links
<body text=?> the text color
<body vlink=?> visited links
Example: <body bgcolor="#000000" text="#00FF00"
link="#990000" vlink="#0000FF" alink="#FFFF00">
Text Tags
Text can be added anywhere on the white space. To change text
value use the following tags.
<h1></h1> Creates the largest headline
<em></em> Emphasizes a word
<b></b> Bold text
<i></i> Italic text
<strong></strong> Emphasizes a word
<font size=?></font> Size of font, from 1 to
7
<font color=?></font> Font color
Example: <em><strong><font color="#00FF00"
size="2" face="Arial, Helvetica, sans-serif">h </font></strong></em>
Simple Format
Formating your document to look right is very important. Sometime you have to
adjust your code to properly design your web page
<p></p> Paragraph
<p align=?> alignment of paragraph
<br> Line break
<blockquote></blockquote> Indents text from both
sides
<li></li> In front of text. Makes lists
<ol></ol> Numbered list
<dl></dl> Definition list
<ul></ul> Unordered list
<dt> In front of each definition term
Space
“ Left quote
” Right quote
— EM dash
Example: <blockquote> <p align="center">Hello<br>Line
2 </p></blockquote>
<ol> <li>test 2</li></ol>
<dl> <dt> test</dt></dl>
Making Links
Links are what makes the web the web. You can set links for email which will
automatically select the users default email and you can link within your own
document by naming a location then targeting it.
<a href="URL"></a> Makes a hyperlink
<a href= target=? Targets a frame
<a href="mailto:EMAIL"></a> Email link
<a name="NAME"></a> Targeting a location
within a document
<a href="#NAME"></a>Links to that target
location
Example: <a href="http://www.discoveryvip.com"
target="_blank">Links </a>
<a href="mailto:main@discoveryvip.com">Mail </a>
Graphics
What would a web page be without graphics. HTML even allows you to add simple
horizontal lines with hr
<img src="name"> Adds an image
<img src="name" alt="text"> Text
if image odes not load or mouse over
<img src="name" width=?> Width of image
<img src="name" height=?> Height of image
<img src="name" align=?> Alignment of image
<img src="name" border= ?> Border around
the image
<hr> Makes a horizontal line
<hr size=?> height of line
<hr width=?> width of line
<hr noshade> line without shadow
Example: <img src="file:///D|/images/banner1.png"
alt="alt text for mouse over" width="450" height="120"
align="bottom"></dt><hr width="20" size="20">
Making Tables
Table attribute are set in mostly the same way as other attribute. You can set
them pixels or as a percentage
Dont forget to properly calculate your rows and colums with colspan and rowspan
<table></table> Makes a table
<table border=?> Border around table cells
<table cellspacing=?> Space between table cells
<table cellpadding=?> Space between a cell's border
and its contents
<table width=?> width of table
<tr></tr> For each row in a table
<tr align=?><tr valign=?> Alignment of cells
<td></td> Makes a individual cell in a row
<td align=?><td valign=?> Alignment of cells
<td colspan=?><td rowspan=?> For spanning more
than one cell size
Example: <table width="100" border="1"
cellspacing="3" cellpadding="3">
<tr> <td>1</td><td>2</td><td>3</td></tr>
<tr> <td rowspan="2">4</td> <td colspan="2">5</td></tr>
<tr> <td>6</td><td>7</td></tr>
</table>
Making Frames
Frames are an easy way to keep the same information ain one area and display
other parts of your site in another.
<frameset></frameset> Place in your frame document
<frame> Single frame
<frameset rows="value,value"> rows
<frameset cols="value,value"> colums
<frameborder="value,value"> Yes or no border
<border=""> Border size
<noframes></noframes> Default displayed in browser
<frame src="URL"> Defines which HTML document
gets displayed
<frame name="name"> Name of the frame
<frame scrolling=VALUE> Yes or No
<frame noresize> Prevents user from resizing
Example: <frameset cols="80,*" frameborder="NO"
border="0" framespacing="0">
<frame src="file:///D|/Discovery/UntitledFrame-2" name="leftFrame"
scrolling="NO" noresize>
<frame src="file:///D|/Discovery/Untitled-1" name="mainFrame">
</frameset>
<noframes><body></body></noframes>
Working with Forms
Forms are used to gather information. Usually for database management. Forms
have different input type such as checkboxes, radio buttons, text field, dropdown
menus. The items must be named in order for the receiving document to be able
to understand them and get the results.
<form></form>Creates all forms methods includde
post and get
<select name="NAME"></select> Used for
pulldown menu
<textarea name="NAME" cols=? rows=?></textarea>
Text Box
<input type="checkbox" name="NAME"> Check
Box
<input type="radio" name="NAME" value="?">
Radio Buttons
Example: <form name="form1" method="post"
action="">
<input type="text" name="textfield">
<input type="hidden" name="hiddenField">
<textarea name="textarea"></textarea>
<input type="checkbox" name="checkbox" value="checkbox">
<input type="radio" name="radiobutton" value="radiobutton">
<p>
<label><input type="radio" name="RadioGroup1" value="radio">
Radio</label>
<label><input type="radio" name="RadioGroup1" value="radio">
Radio</label></p>
<select name="select"> </select>
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option selected>unnamed1</option> </select>
<label><input type="submit" name="Submit" value="Submit"></label>
</form>
Other Usefully Free Online Resources
MetaTag
Generator Make your meta tags right. Inludes description, keywords, robot.txt, author ...... |
IP
checker Find out what you IP address is |
Email
Extractor Extract Email from document. Simple paste the information then specify how to organize your email address. |
Scripts 1000's of free javascripts, PHP scripts, CGI scripts |
Flash
Drop-Down Floating, expandable drop-down menu. |
HTML
Generator Generate your own html code with this easy to use online tool |
Graphic
Navbar Graphic button navigational bar generator. More than 20 styles to choose from. |
Adv.
Navbar Mouse-Over enabled navbar generator. |
CSS Navbar CSS-based navigational bar generator. Extremely customizable. |
Drop-Down
Menu From-based drop-down menu, with graphic title. |
ToolTips DHTML content tooltips. 2 Content areas, customizable appearance. |
IE5.5
Scrollbars Internet Explorer 5.5+ scrollbar theme coder. |
Downloads 100's of free downloads, Everything you could ever possibly need |
CSS
Coder Quick tool for creating CSS tags for buttons, forms, and text. |
DHTML
Menu Floating, expandable DHTML 'Dock Menu'. |
Pop-Up
Coder Window pop-up coder. Select your window's options, and the JavaScript is created for you. |
Flash
Navbar Flash navigational bar generator. Several button styles to choose from, with more being added regularly. |
Flash
Status Bar Flash-based status bar, for content notes, triggered by JavaScript. |
Flash
Topbar Flash Topbar generator. Several button styles to choose from, with more being added regularly. |
Learn
IT Learn IT from these computer training CD's. Includes win2000, Macromedia, Adobe, Microsoft... |
Flash
ToolTip Flash-based content tooltips, triggered by JavaScript. |
100's of Free Javascripts available by category
WEBSITE PROMOTION OFFER: Discovery will automatically blast your website automatically with our web promotion software. We submit your website to an incredible 750,000+ Search Engines, Directories, Classified ad sites, Free for All Sites, Message Boards and more. All this for the low price of $3.99. Why pay more? Other web promotion companies charge $7.95, $14.95 even $19.95 for the same service. We have dropped our rate now to bring you an even greater value. Why so cheap? We could charge you more if you like, but at this low rate we are hoping you might be interested in some of the other services we offer. $3.99 web submissions are our way to attract you. Cheap web submission.
Free Online meta tag generator,
IP checker, email extraction, Javascripts, HTML generation tutorials for IT.Code
Generator ONLINE providing code generation for Graphic Navigation Bar, DHTML,
dorp down menus, tool bars, tool tips, Flash drop down menu, CSS navigation
bar, Flash Buttons.