Basics of HTML

Jober68

Member
Messages
63
Reaction score
0
Points
6
Code:
<a href="http://www.yourwebsite.com">Appearas</a>
This code is used to create a link to a url address.

Code:
<abbr title="et cetera">etc.</abbr>
This code is used for abbreviations and when you hold your mouse over the abbreviation it will appear as the title you have inserted; in this case you would see etc. and if you hold your mouse over it it would say et cetera.

Code:
<acronym title="World Wide Web">WWW</acronym>
This code is similar to the abbr tag except that instead of being an abbreviation you use it for acronyms. So when you hold your mouse over WWW you would see World Wide Web.

Code:
<address>Cinderella <br/> Box 123 <br/> Disneyland </address>
This code is used for adresses and often makes it appear in Italics The BR is where a new line starts.

Code:
<applet width="200px" height="100px"> </applet>
Attributes
align="left,right,top,bottom,middle,baseline,texttop,absmiddle,absbottom"
alt="text"
archive="URL"
code="URL"
codebase="URL"
hspace="pixels"
name="unique_name"
object="name"
title="text"
vspace="pixels"
This code is used to embed a java applet into your website. The optional attributes should be placed inside of the <applet> tag.

Code:
<B>Jober68</B>
This will put whatever is enclosed inside of the tags bold

Code:
<bdo dir="rtl">This Text will appear Right to left</bdo>
Attributes
dir="rtl,ltr"
This is used to change the direction of the way the text appears based on the attribute applied. In the example above the output of hte code would read: sihT txeT lliw raeppa thgiR ot tfel

Code:
<bgsound src="song.mid" />
This is used to play a sound when a web page is loaded. (plays .midi files) Must be placed in header of the HTML.

Code:
<BIG>Increased Font Text</BIG>
This will increase the size of the font by 1. The max font size is 7.

Code:
<BLACKFACE>Double Bold Text</BLACKFACE>
This code will make the text appear Double bold.

Code:
<BLINK>This text will blink</BLINK>
Makes the selected text blink.



Code:
<BODY></BODY>
This is the Body of your HTML if you have a <head> tag this will proceed it.

Code:
<BR/>
This code is for a linebreak. It would be just like hitting enter in a word document.

Code:
<CENTER></CENTER>
Centers Everything wrapped in the tags.

Code:
<!--This text is a comment-->
You can use this to insert comments into the HTML but the comment won't appear on the web page itself.

Code:
<DIV></DIV>
The div tag is similar to the BR tag except is often followed by an ID referring back to the css.

Code:
<EM></EM>
Puts Emphasis on the text inside of the tags.

Code:
<EMBED></EMBED>
The EMBED element lets you display output from a plug-in application. Often used for movies or sound, etc.

Code:
<FONT>This is the font that is changed!</FONT>
Attributes
Size="12"
Face="times"
color="red"
This is used to change a word or words by chaning their size, color, or font type.


Code:
<H1>This is a heading</H1>
The H tags are used for a heading the lower the number (H1) the bigger the text. tags go from H1 - H6

Code:
<HEAD></HEAD>
ELEMTENTS:
BASE
BASEFONT
BGSOUND
ISINDEX
LINK
META
SCRIPT
STYLE
TITLE
The head tags is for describing the web page. This will not appear in the body of the browser as output

Code:
<HR>
This draws a horizontal line. Size and color as well as width can be added to this tag.

Code:
<HTML></HTML>
Used to contain HTML coding. Usually placed before the <HEAD> and after </BODY>

Code:
<I></I> or
The text wrapped in this code will appear italicized.

Code:
<IFRAME></IFRAME>
Creates a floating or inline frame. This is used to insert another webpage into a different web page. This forum is an example of an IFrame.

Code:
<ILAYER></ILAYER
Used to create several layers on a web page to reveal underlying layers.

Code:
<IMG>
Used to insert an image onto a web page.

Code:
<INPUT>
Used to insert information into a FORM such as check boxes and radio buttons.

Code:
<LABEL></LABEL>
Used to attach specific information to a field of a form.

Code:
<LAYER></LAYER>
Used to create several layers on a web page to revieal underlying layers through non occupied space.

Code:
<LEGEND></LEGEND>
Gives a caption for a group of related controls. This is created with a field set element.

Code:
<LI>
Used to put in a list. Used inside of <MENU></MENU> tags.

Code:
<MAP></MAP>
Used to make a client-side image map.

Code:
<MARQUEE></MARQUEE>
Makes scrolling text.

Code:
<MENU></MENU>
Used for containing a list of menu items.

Code:
<META>
Used to contain info about the current document, placed in the <head></head> tags.

Code:
<NOBR></NOBR>
Means NO line break forcing no line breaks for any text between the selected tags.

Code:
<NOEMBED></NOEMBED>
Forces browsers that can't show the <EMBED> tag to ignore <EMBED> tags

Code:
<NOFRAMES></NOFRAMES>
Forces browsers taht can't show Frames to ignore the <FRAME> tags.

Code:
<OBJECT></OBJECT>
Allows embedding of objects into a browser and removes the APPLET element.

Code:
<OPTION></OPTION>
This describes an option in a boxlist format.

Code:
<P></P>
Used to create a new paragraph. Some browsers will allow you to omit the closing tag.

Code:
<PARAM>
Used in a JAVA applet or some other object and only works in <APPLET> or <OBJECT> elements

Code:
<PLAINTEXT></PLAINTEXT>
All HTML inside of these tags is shown as normal text therefore ignoring all other tags.

Code:
<PRE></PRE>
Shows preformated text as it is, using supplied whitespace as text.

Code:
<Q></Q>
Used to show quotations.

Code:
<S></S> or <STRIKE></STRIKE>
Used to strikethrough text.

Code:
<SAMP></SAMP>
Used to describe text output from a program.

Code:
<SCRIPT></SCRIPT>
Allows programming inside of HTML by using a scripting language such as javascript.

Code:
<SELECT></SELECT>
Used to create an input list.

Code:
<SERVER></SERVER>
Used to create JavaScript which is executed on the server.

Code:
<SMALL></SMALL>
Used to make font smaller than normal.

Code:
<SPACER>
Used to create vertical, horizontal, or rectangular whitespace in a line.

Code:
<SPAN></SPAN>
Used to create a structure in a document by grabbing info from the CSS.

Code:
<STRONG></STRONG>
Rendered with Strong emphasis, Bold.

Code:
<STYLE></STYLE>
Used to grab information from a Style Sheet document.

Code:
<SUB></SUB>
Used to create a subscript with smaller font.

Code:
<SUP></SUP>
Used to create a superscript.

Code:
<TABLE></TABLE>
Used to create a table. By using <TR> for table rows and <TD> for cells inside of those rows and <TH> to create a header for the cells.

Code:
<TBODY></TBODY>
Used to define the table Body.

Code:
<TD></TD>
Used to create a cell inside of a row inside of a table.

Code:
<TEXTAREA></TEXTAREA>
Used to create a multiline text form. Only valid inside of FORM tags.

Code:
<TFOOT></TFOOT>
Used to define a table footer.

Code:
<TITLE></TITLE>
Used to define the title of a web page. Only valid inside of the <HEAD> tags

Code:
<TR></TR>
Creates a Row inside of a table.

Code:
<U></U>
Used to underline the text wrapped in these tags.

Code:
<UL></UL>
Creates an unnumbered list, replacing numbers with bullets.

Code:
<VAR></VAR>
Description of a metasynthetic variable, where the user is to replace the variable with a specific incidence.

Code:
<WBR>
Used to create a Word Bank


(c) by Jober68
 
Top