Posted : Friday, 14th August 2008 By html_tag
This is a guide to all of the HTML 3.x and HTML 4.x HTML Tags. However, these are not valid XHTML tags!
<!– REMARK –> - Allows you to put in your own comments so that if you have to come back later you can figure out what is going on. No one browsing your Web page will see this unless they view the source.
Example:<!– This text cant be seen by the user unless they view the source code! –>
<A> - Allows you to anchor things such as a web different web page by using the following <A HREF= “www.checkopenports.com”>
Example:<A HREF=“http://www.checkopenports.com”>CHECK OPEN PORTS</A>
<ABBREV> - A command that is coming out in that allows you to abbreviate words on your web page automatically.
Example:<ABBREV>Some of the contained words will be abbreviated.</ABBREV>
<ACRONYM> - Like ABBREV it displays the text's acronym, you can also use the dir command which will allow the text to go left to right or right to left.
Example:<ACRONYM>Some of these words would be reduced to acronyms when displayed</ACRONYM>
<ADDRESS> - Command usually that is used for a e-mail address.
Example:<ADDRESS>your@email.com</ADDRESS>
<APPLET> - Command used with Mozilla compatible browsers that allows you to implement a Java application.
Example:<APPLET CODE=“myjavaapplet”>Click here to see my Java applet.</APPLET>
<AREA> - This will tell the browser were the user is able to click a portion of a image. This allows you to have one image with multiple clickable links within it.
Example: <AREA CORD=“11,21,151,126” SHAPE=rect HREF=“http://www.freeopenports.com”>. The CORD that is used in this example tells the computer were on the image the location for the link is when your mouse is over that CORD then if clicked it will go to the web page. The SHAPE tells the browser is able to click and what type of shape the portion area is.
Example: <:map name=“menu”;> <AREA SHAPE=rect COORDS=“420,0,470,40” HREF=“http://www.checkopenports.com”> <map> <mg src=“title.gif” usemap=”#menu”><BR>
<B> - Tells the computer to bold the text within the tags.
Example:<B>This text would be in bold</B>
<BANNER> - This tag is rarely supported by many browsers but it allow an area of text or graphics to appear on the page at all times, even if scroll down the page.
Example:<BANNER>Welcome to Check Open Ports</BANNER>
<BASEFONT> - Tells the browser the default font size which can be 1 through 7. The default value is 3.
Example:<BASEFONT SIZE=2>
<BDO> - Tells the browser how to display the text for example using the DIR function you can make it go left to right using DIR=ltr Example: <BDO DIR=ltr>Makes text go opposite way<bdo> this just causes the text to go right to left, this tag is usually used for international purpose.
Example:<BDO DIR=ltr<This text would be going from the left to the right.</BDO>
<BGSOUND> - Allows you to play your music on your web page with Internet Explorer, will not work with people browsing with Mozilla, you may also add the loop= statment to specify how many time you wish the sound to play.
Example:<BGSOUND SRC=sounds.wav loop=1>
Example:<BGSOUND SRC=sounds.wav loop=infinite>
<BIG> - Sets your text to be BIG!
Example:<BIG>This text would be big</BIG>
<BLINK> - Command that should not have been invented allows your text to BLINK, used with Mozilla.
Example:<BLINK>This text would be blinking if compatible browser</BLINK>
<BODY> - This is what hold's the body of your web page together. A common command that is used with this is background which allows you to set the different backgrounds attributes of your web page such as an image or a color, the below source makes the text black the links to other sights are going to be blue and the background is going to be white. Please keep in mind that instead of doing the #fffffff for the background color you can just type in white.
Example:<BODY TEXT=”#092d07” LINK=”#1FOOFF” BGCOLOR=”#ffffff”>
<BR> - Tells the browser that this is the end of the line and to start a new one.
Example:<BR>
<CENTER> - Tells the web browser to center the text.
Example:<CENTER>This text would center on the page.</CENTER>
<CODE> - Tells the browser that you want to indicate code or a command and puts it in a different font.
Example:<CODE>dir - command used in DOS to list files.</CODE>
<DD> - Tells the browser that you are putting in a definition and it will intent the text.
Example:<DD>Definition goes here.</DD>
<EM> - Tells the browser that this is important text and it will make it emphasized.
Example:<EM>OPEN FREE PORTS</EM>
<EMBED> - Insert embedded object movie or sound clip or some special object on the web page.
Example:<embed src=“mydoc.dcr”>
Example:<EMBED SRC=“resume.doc”>
<FONT> - Allows you to have multiple fonts colors and sizes.
Example:<FONT size=+2>This text would be two times bigger</FONT>
Example:<FONT COLOR=“BLUE”>This text would be blue.</FONT>
Example:<FONT COLOR=“RED”>This text would be red.</FONT>
Example:<FONT COLOR=“YELLOW”>This text would be yellow.</FONT>
Example:<FONT COLOR=“GREEN”>This text would be green.</FONT>
<FORM> - Allows you to get input form people visiting your web page you can see a example of this by viewing the source in my e-mail page.
<FRAME> - An HTML extension which allows you to use frames on the web page being able to make bigger and smaller each frame can contain different text. You can also use the <FRAMESET command which is a replacement for the regular body command.>
Example:<FRAME SRC=“http://www.openfreeports.com/” SCROLLING=“yes” NORESIZE>
<H1-6> - Tells the browser how big you want the text <H1> being the biggest and <H6> being the smallest.
Example:<H1>This text would be BIG.</H1>
Example:<H2>This text would be a litle smaller.</H2>
Example:<H3>This text would be middle.</H3>
Example:<H4>This text would be about right.</H4>
Example:<H5>This text would be little bigger.</H5>
Example:<H6>This text would be specticles to read.</H6>
<HEAD> To tell about the web page but this info will never be displayed when viewing unless the source is viewed.
Example:<HEAD><TITLE>Look at the top of the page how it says HTML HELP, this is were you specify the name you want the page to be.</TITLE></HEAD>
<HR> - Puts a normal bar across the screen to help separate the text.
Example:<HR> Example:<HR width=“50%”>
Example:<HR size=10 width=“50%”>
<I> - Italicizes the text.
Example:<I>Italic Text</I>
<IMG> - command is to display images on the browser. It is good manners not to use other people's images linked to their web pages unless you ask them first.
Example: <IMG SRC=“http://www.openporstscan.com/ls.gif”>
<ISINDEX> Search index field which will prompt the user for single line of text and then search. Generally does not have widespread support anymore.
Example:<ISINDEX>
<LI> - Tells the browser that this is a list item (puts a bullet in front of text.
Example:<li>Listed item</li>
<MARQUEE> Used with Microsoft Internet Explorer and compitable browsers to make your text scroll on the screen.
Example:<MARQUEE BEHAVIOR=“scroll” DIRECTION =“left”>Marquee is fun!</MARQUEE>
Example:<MARQUEE BEHAVIOR=“scroll” DIRECTION =“right”>I love the Marquee!</MARQUEE>
Example:<MARQUEE BEHAVIOR=“slide” DIRECTION =“left”>Go Marquee!</MARQUEE>
Example:<MARQUEE BEHAVIOR=“alternate” >The alternative marquee!</MARQUEE> Example:<MARQUEE BEHAVIOR=“scroll” DIRECTION =“left” bgcolor=“blue”>Guess what?</MARQUEE>
<META> This is for search engines to correctly identify the content of your page.
Example1:<META NAME=“DESCRITION” CONTENT=“My description goes here”> Example2:<META NAME=“KEYWORDS” CONTENT=“selection,of,keyword,go,here”> Example3:<META NAME=“GENERATOR” CONTENT=“Generated Frontpage!”>
<NOBR> - This tells the browser that you want to continue no matter how big the screen is without breaking.
Example:<NOBR>This line would go on and not auto return so if the browser srceen was not as long as the sentence you would have to scroll to see the remainder of the screen.</NOBR>
<P> - This tells the browser that this is the end of the paragraph and will not attempt to word wrap it.
Example:<P>This is were your paragraph would begin and end.</P>
<PRE> - This tells the browser to do what you do as you type it so you can put text were you want it and have as many spaces as you want.
Example:<PRE>The Text Can l o o k how you want it to l oo k«/PRE>
<SAMP> - This will enclose the text as a sample usually lower casing it and underlining it.
Example:<SAMP>This would be small and plain.<SAMP>
<SELECT> - This is a select menu that allows their person viewing your web page to select from a menu.
Example:<SELECT NAME=“list1”></SELECT>
<STRONG> Putting the text bold.
Example:<STRONG>This text would get your attention</STRONG>
<SUB> - Makes the browser display text low.
Example:<SUB>This text would be bellow midway.<SUB>
<SUP> - Makes the browser display text high.
Example:<SUP>This text would be above midway.<SUP>
<TABLE> - Allows you to Align text in tables you can see a example of this on our Support page. How you do this is start with <Table> and if you want borders just use the below commands.
Example:<TABLE ALIGN=“center” border=1 cols=5 width=20 cellpadding=5>COMPUTER WORLD</TABLE>
<TD> - This is used to define each part of the table after you use the <TH> command.
Example:<TD ALIGN=“center” WIDTH=20>Cell</TD>
<TEXT AREA> - Allows the user to input text.
Example:<TEXTAREA NAME=“text” COLS=20 ROWS=20></TEXTAREA>
<TH> - This is which each cell on the table is using this you can make how many every cells you need.
Example:<TH VALIGN=“middle” WIDTH=50>Table header</TH>
<TITLE> - This is used to label the page that your of for example the name of this page is usually shown at the top of your screen.
Example:<TITLE>Skolob</TITLE>
<TR> - This tells the browser that this is the end of the horizontal column and to start the next, you can see this demonstrated on the support page.
Example:<TR><RD>Table contents</TD>
<TT> - This tells the browser that the font needs to be evenly spaced on eh character no matter what the character is a example: This is teletype.
Example:<TT>This would be displayed as teletype</TT>
<XMP> - This tells the browser to do no formatting to this text just to display as is no matter what the size of the screen is, just like the <PRE> command.
Example:The test is were you want it to be!</XMP>
