Docstoc

HTML

Document Sample
HTML Powered By Docstoc
					<HTML> - Begins your HTML document.

<HEAD> - Contains information about the page such as the
TITLE, META tags for proper Search Engine indexing, STYLE tags,
which determine the page layout, and JavaScript coding for
special effects.

<TITLE> - The TITLE of your page. This will be visible in the
title bar of the viewers’ browser.

</TITLE> - Closes the HTML <TITLE> tag.

</HEAD> - Closes the HTML <HEAD> tag.

<BODY> - This is where you will begin writing your document
and placing your HTML codes.

</BODY> - Closes the HTML <BODY> tag.

</HTML> - Closes the <HTML> tag.




How to Copy and Paste HTML
Tags / Codes
To copy and paste the HTML tags / codes from the HTML chart
below into the HTML of your web page, place your mouse
pointer over the beginning of the HTML code you would like to
copy. Next, click and hold your left mouse button and drag
your mouse over all the HTML code you would like to copy
(Example of highlighted text). Your HTML code should now be
highlighted. Go to "Edit" - "Copy" on your web browser's
toolbar and then place your cursor within your HTML code
where you would like to place the code. Right click on your
mouse and go to "Paste." Your HTML code should now be
displaying within your HTML document.




 Note: For additional tutorials to assist you in HTML and much more, click here to
 sign up for our free membership club. You will instantly receive a wealth of quality
 information, such as dozens of video tutorials, several informative ebooks, utilities to
 assist you in creating buttons, tables, meta tags, and more. Best of all, it's completely
 free.


                           HTML Tags Chart
  To use any of the following HTML tags, simply select the HTML code you'd like and
                         copy and paste it into your web page.

       Tag     Name                  Code Example                          Browser View
                        <!--This can be viewed in the HTML part of
<!--         comment                                               Nothing will show (Tip)
                        a document-->
                        <A
<A -         anchor     HREF="http://www.yourdomain.com/">Visit Visit Our Site (Tip)
                        Our Site</A>
<B>          bold       <B>Example</B>                             Example
<BIG>        big (text) <BIG>Example</BIG>                         Example (Tip)
             body of
             HTML    <BODY>The content of your HTML                Contents of your web page
<BODY>
             documen page</BODY>                                   (Tip)
             t
                                                                   The contents of your web
             line       The contents of your page<BR>The           page
<BR>
             break      contents of your page                      The contents of your web
                                                                   page
                        <CENTER>This will center your                  This will center your
<CENTER> center
                        contents</CENTER>                                    contents
                        <DL>                                       Definition Term
                        <DT>Definition Term                                 Definition of the
             definition
                        <DD>Definition of the term                          term
<DD>         descripti
                        <DT>Definition Term                        Definition Term
             on
                        <DD>Definition of the term                          Definition of the
                        </DL>                                               term
                        <DL>                                       Definition Term
                        <DT>Definition Term                                 Definition of the
             definition <DD>Definition of the term                          term
<DL>
             list       <DT>Definition Term                        Definition Term
                        <DD>Definition of the term                          Definition of the
                        </DL>                                               term
                        <DL>                                       Definition Term
                        <DT>Definition Term                                Definition of the
             definition <DD>Definition of the term                         term
<DT>
             term       <DT>Definition Term                        Definition Term
                        <DD>Definition of the term                         Definition of the
                        </DL>                                              term
             emphasi    This is an <EM>Example</EM> of using       This is an Example of using
<EM>
             s          the emphasis tag                           the emphasis tag
             embed      <EMBED src="yourfile.mid" width="100%"
<EMBED>
             object     height="60" align="center">                (Tip)

                        <EMBED src="yourfile.mid" autostart="true"
                                                                   <bgsound
             embed      hidden="false" loop="false">
<EMBED>                                                            src="wonderfu.mid"
             object     <noembed><bgsound src="yourfile.mid"
                                                                   autostart="false" loop="1">
                        loop="1"></noembed>
                                                                   Music will begin playing
                                                             when your page is loaded
                                                             and will only play one time.
                                                             A control panel will be
                                                             displayed to enable your
                                                             visitors to stop the music.
                      <FONT FACE="Times New
<FONT>      font
                      Roman">Example</FONT>
                                                             Example (Tip)
                      <FONT FACE="Times New Roman"
<FONT>      font
                      SIZE="4">Example</FONT>                Example (Tip)
                      <FONT FACE="Times New Roman"
<FONT>      font      SIZE="+3"
                      COLOR="#FF0000">Example</FONT>
                                                             Example (Tip)
                      <FORM
                      action="mailto:you@yourdomain.com">
                      Name: <INPUT name="Name" value=""      Name:               (Tip)
                      size="10"><BR>
<FORM>      form      Email: <INPUT name="Email" value=""    Email:
                      size="10"><BR>                          Submit
                      <CENTER><INPUT
                      type="submit"></CENTER>
                      </FORM>
            heading
            1
            heading
<H1>        2         <H1>Heading 1 Example</H1>
<H2>        heading   <H2>Heading 2 Example</H2>
<H3>        3         <H3>Heading 3 Example</H3>
<H4>        heading   <H4>Heading 4 Example</H4>
<H5>        4         <H5>Heading 5 Example</H5>
<H6>        heading   <H6>Heading 6 Example</H6>
            5
            heading
            6
            heading
            of HTML <HEAD>Contains elements describing the
<HEAD>                                                       Nothing will show
            documen document</HEAD>
            t


                                                             Contents of your web page
            horizonta
<HR>                  <HR>                                   (Tip)
            l rule
                                                             Contents of your web page
                                                             Contents of your web page
            horizonta
<HR>                  <HR WIDTH="50%" SIZE="3">
            l rule
                                                             Contents of your web page
                                                             Contents of your web page
            horizonta
<HR>                  <HR WIDTH="50%" SIZE="3" NOSHADE>
            l rule
                                                             Contents of your web page
<HR>        horizonta <HR WIDTH="75%" COLOR="#FF0000"        Contents of your web page
(Internet   l rule    SIZE="4">
Explorer)                                                         Contents of your web page
<HR>                                                              Contents of your web page
            horizonta <HR WIDTH="25%" COLOR="#6699FF"
(Internet
            l rule    SIZE="6">
Explorer)                                                         Contents of your web page
                      <HTML><HEAD><META><TITLE>Title of
            hypertext
                      your web
<HTML>      markup                                                Contents of your web page
                      page</TITLE></HEAD><BODY>HTML
            language
                      web page contents</BODY></HTML>
<I>         italic   <I>Example</I>                               Example
                     <IMG SRC="Earth.gif" WIDTH="41"
<IMG>       image    HEIGHT="41" BORDER="0" ALT="text
                     describing the image">                             (Tip)
                     Example 1:
                                                                  Example 1: (Tip)
                     <FORM METHOD=post ACTION="/cgi-
            input    bin/example.cgi">
<INPUT>
            field    <INPUT type="text" size="10"                               Submit
                     maxlength="30">
                     <INPUT type="Submit" VALUE="Submit">
                     </FORM>
                     Example 2:

                     <FORM METHOD=post ACTION="/cgi-
                     bin/example.cgi">                            Example 2: (Tip)
<INPUT>              <INPUT type="text" STYLE="color:
            input
(Internet            #FFFFFF; font-family: Verdana; font-
            field                                                               Submit
Explorer)            weight: bold; font-size: 12px; background-
                     color: #72A4D2;" size="10"
                     maxlength="30">
                     <INPUT type="Submit" VALUE="Submit">
                     </FORM>
                     Example 3:

                     <FORM METHOD=post ACTION="/cgi-
                     bin/example.cgi">
                     <TABLE BORDER="0" CELLSPACING="0"
                                                        Example 3: (Tip)
                     CELLPADDING="2"><TR><TD
            input    BGCOLOR="#8463FF"><INPUT
<INPUT>
            field    type="text" size="10"
                     MAXLENGTH="30"></TD><TD
                     BGCOLOR="#8463FF" VALIGN="Middle">
                     <INPUT type="image" name="submit"
                     src="yourimage.gif"></TD></TR>
                     </TABLE>
                     </FORM>
                     Example 4:

            input    <FORM METHOD=post ACTION="/cgi-              Example 4: (Tip)
<INPUT>
            field    bin/example.cgi">
                     Enter Your Comments:<BR>
                     <TEXTAREA wrap="virtual"
                      name="Comments" rows=3 cols=20
                      MAXLENGTH=100></TEXTAREA><BR>
                      <INPUT type="Submit" VALUE="Submit">
                      <INPUT type="Reset" VALUE="Clear">
                      </FORM>
                                                                Submit      Clear



                      Example 5:

                      <FORM METHOD=post ACTION="/cgi-
                      bin/example.cgi">
                      <CENTER>                                 Example 5: (Tip)
                      Select an option:
                      <SELECT>                                 Select an option:
          input       <OPTION >option 1                          option 2
<INPUT>               <OPTION SELECTED>option 2
          field
                      <OPTION>option 3                          Submit
                      <OPTION>option 4
                      <OPTION>option 5
                      <OPTION>option 6
                      </SELECT><BR>
                      <INPUT type="Submit"
                      VALUE="Submit"></CENTER>
                      </FORM>
                      Example 6:
                                                              Example 6: (Tip)
                      <FORM METHOD=post ACTION="/cgi-
                      bin/example.cgi">
                      Select an option:<BR>                   Select an option:
                      <INPUT type="radio" name="option">          Option 1
                      Option 1
                      <INPUT type="radio" name="option"           Option 2
                      CHECKED> Option 2
                      <INPUT type="radio" name="option">          Option 3
          input       Option 3
<INPUT>
          field       <BR>                                    Select an option:
                      <BR>
                      Select an option:<BR>                       Selection 1
                      <INPUT type="checkbox"
                      name="selection"> Selection 1               Selection 2
                      <INPUT type="checkbox" name="selection"
                                                                  Selection 3
                      CHECKED> Selection 2
                      <INPUT type="checkbox"                   Submit
                      name="selection"> Selection 3
                      <INPUT type="Submit" VALUE="Submit">
                      </FORM>
                      Example 1:                               Example 1: (Tip)

                      <MENU>                                            List item 1
<LI>      list item
                      <LI type="disc">List item 1                  o     List item 2
                      <LI type="circle">List item 2                     List item 3
                      <LI type="square">List item 3
                    </MENU>
                                                               Example 2:
                    Example 2:
                                                                  i.    List item 1
                    <OL type="i">
                    <LI>List item 1
                                                                 ii.    List item 2
                    <LI>List item 2                             iii.    List item 3
                    <LI>List item 3                             iv.     List item 4
                    <LI>List item 4
                    </OL>
                    Visit our <A
<LINK>    link      HREF="http://www.yourdomain.com/">si Visit our site
                    te</A>


<MARQUE             <MARQUEE bgcolor="#CCCCCC" loop="-
E>        scrolling 1" scrollamount="2"
(Internet text      width="100%">Example
Explorer)           Marquee</MARQUEE>
                                                                                (Tip)
                    <MENU>
                                                                       List item 1
                    <LI type="disc">List item 1                    o    List item 2
<MENU>    menu      <LI type="circle">List item 2                      List item 3
                    <LI type="square">List item 3
                    </MENU>
                    <META name="Description"
                    content="Description of your site">
<META>    meta                                                 Nothing will show (Tip)
                    <META name="keywords"
                    content="keywords describing your site">
                    <META HTTP-EQUIV="Refresh"
<META>    meta      CONTENT="4;URL=http://www.yourdomain Nothing will show (Tip)
                    .com/">
                    <META http-equiv="Pragma" content="no-
<META>    meta                                                 Nothing will show (Tip)
                    cache">
<META>    meta      <META name="rating" content="General"> Nothing will show (Tip)
<META>    meta      <META name="ROBOTS" content="ALL">         Nothing will show (Tip)
                    <META NAME="ROBOTS"
<META>    meta                                                 Nothing will show (Tip)
                    content="NOINDEX,FOLLOW">
                    Numbered                                   Numbered

                    <OL>                                           1.   List item 1
                    <LI>List item 1                                2.   List item 2
                    <LI>List item 2
                    <LI>List item 3
                                                                   3.   List item 3
          ordered
<OL>
          list      <LI>List item 4                                4.   List item 4
                    </OL>
                                                               Numbered Special Start
                    Numbered Special Start
                                                                   5. List item 1
                    <OL start="5">                                 6. List item 2
<LI>List item 1                                7. List item 3
<LI>List item 2                                8. List item 4
<LI>List item 3
<LI>List item 4
                                        Lowercase Letters
</OL>

Lowercase Letters                              a.   List item 1
                                               b.   List item 2
<OL type="a">                                  c.   List item 3
<LI>List item 1                                d.   List item 4
<LI>List item 2
<LI>List item 3                         Capital Letters
<LI>List item 4
</OL>
                                               A.   List item 1
Capital Letters                                B.   List item 2
                                               C.   List item 3
<OL type="A">                                  D.   List item 4
<LI>List item 1
<LI>List item 2                         Capital Letters Special
<LI>List item 3                         Start
<LI>List item 4
</OL>
                                               C.   List item 1
Capital Letters Special Start                  D.   List item 2
                                               E.   List item 3
<OL type="A" start="3">                        F.   List item 4
<LI>List item 1
<LI>List item 2                         Lowercase Roman
<LI>List item 3                         Numerals
<LI>List item 4
</OL>                                      i.       List item 1
                                          ii.       List item 2
Lowercase Roman Numerals
                                         iii.       List item 3
<OL type="i">
                                         iv.        List item 4
<LI>List item 1
<LI>List item 2                         Capital Roman Numerals
<LI>List item 3
<LI>List item 4                           I.        List item 1
</OL>                                    II.        List item 2
                                        III.        List item 3
Capital Roman Numerals
                                        IV.         List item 4
<OL type="I">
<LI>List item 1                         Capital Roman Numerals
<LI>List item 2                         Special Start
<LI>List item 3
<LI>List item 4                        VII.         List item 1
</OL>                                  VIII.        List item 2
                                        IX.         List item 3
Capital Roman Numerals Special Start     X.         List item 4
                     <OL type="I" start="7">
                     <LI>List item 1
                     <LI>List item 2
                     <LI>List item 3
                     <LI>List item 4
                     </OL>
                     <FORM METHOD=post ACTION="/cgi-
                     bin/example.cgi">
                     <CENTER>
                     Select an option:
                     <SELECT>
                     <OPTION>option 1                                Select an option: (Tip)
         listbox     <OPTION SELECTED>option 2
<OPTION>                                                                     option 2
         option      <OPTION>option 3
                     <OPTION>option 4
                     <OPTION>option 5
                     <OPTION>option 6
                     </SELECT><BR>
                     </CENTER>
                     </FORM>
                                                                  This is an example
                     This is an example displaying the use of the
                                                                  displaying the use of the
                     paragraph tag. <P> This will create a line
                                                                  paragraph tag.
                     break and a space between lines.

                     Attributes:                                  This will create a line break
                                                                  and a space between lines.
                    Example 1:<BR>
                    <BR>                                          Attributes:
                    <P align="left">
                    This is an example<BR>                        Example 1:
                    displaying the use<BR>
                    of the paragraph tag.<BR>                     This is an example
           paragrap <BR>                                          displaying the use
<P>
           h        Example 2:<BR>                                of the paragraph tag.
                    <BR>
                    <P align="right">                                                   Example 2:
                    This is an example<BR>
                    displaying the use<BR>                                    This is an example
                    of the paragraph tag.<BR>                                   displaying the use
                    <BR>                                                    of the paragraph tag.
                    Example 3:<BR>
                    <BR>
                                                                             Example 3:
                    <P align="center">
                    This is an example<BR>
                                                                      This is an example
                    displaying the use<BR>
                                                                      displaying the use
                    of the paragraph tag.
                                                                     of the paragraph tag.
           small
<SMALL>              <SMALL>Example</SMALL>                       Example   (Tip)
           (text)
           deleted
<STRIKE>             <STRIKE>Example</STRIKE>                     Example
           text
<STRONG strong
                     <STRONG>Example</STRONG>                     Example
>       emphasi
          s
                   Example 1:

                   <TABLE BORDER="4"
                   CELLPADDING="2" CELLSPACING="2"
                   WIDTH="100%">
                   <TR>
                   <TD>Column 1</TD>
                   <TD>Column 2</TD>
                   </TR>
                   </TABLE>
                                                       Example 1: (Tip)
                   Example 2: (Internet Explorer)
                                                       Column 1      Column 2
                   <TABLE BORDER="2"
                   BORDERCOLOR="#336699"
                   CELLPADDING="2" CELLSPACING="2"
                   WIDTH="100%">                       Example 2: (Tip)
                   <TR>
<TABLE>   table    <TD>Column 1</TD>
                                                       Column 1      Column 2
                   <TD>Column 2</TD>
                   </TR>
                   </TABLE>
                                                       Example 3: (Tip)
                   Example 3:

                   <TABLE CELLPADDING="2"              Column 1     Column 2
                   CELLSPACING="2" WIDTH="100%">       Row 2        Row 2
                   <TR>
                   <TD BGCOLOR="#CCCCCC">Column
                   1</TD>
                   <TD BGCOLOR="#CCCCCC">Column
                   2</TD>
                   </TR>
                   <TR>
                   <TD>Row 2</TD>
                   <TD>Row 2</TD>
                   </TR>
                   </TABLE>
                   <TABLE BORDER="2" CELLPADDING="2"
                   CELLSPACING="2" WIDTH="100%">
                   <TR>
          table
<TD>               <TD>Column 1</TD>
          data                                         Column 1      Column 2
                   <TD>Column 2</TD>
                   </TR>
                   </TABLE>
                   <DIV align="center"><TABLE>
                   <TR>                                Column   Column    Column
                   <TH>Column 1</TH>                      1        2         3
          table    <TH>Column 2</TH>                   Row 2    Row 2     Row 2
<TH>
          header   <TH>Column 3</TH>
                   </TR>                               Row 3    Row 3     Row 3
                   <TR>                                Row 4    Row 4     Row 4
                   <TD>Row 2</TD>
                     <TD>Row 2</TD>
                     <TD>Row 2</TD>
                     </TR>
                     <TR>
                     <TD>Row 3</TD>
                     <TD>Row 3</TD>
                     <TD>Row 3</TD>
                     </TR>
                     <TR>
                     <TD>Row 4</TD>
                     <TD>Row 4</TD>
                     <TD>Row 4</TD>
                     </TR>
                     </TABLE>
                     </DIV>
                                                         Title of your web page will
          documen
<TITLE>           <TITLE>Title of your HTML page</TITLE> be viewable in the title bar.
          t title
                                                         (Tip)
                    <TABLE BORDER="2" CELLPADDING="2"
                    CELLSPACING="2" WIDTH="100%">
                    <TR>
<TR>      table row <TD>Column 1</TD>                         Column 1     Column 2
                    <TD>Column 2</TD>
                    </TR>
                    </TABLE>
<TT>      teletype   <TT>Example</TT>                        Example
<U>       underline <U>Example</U>                           Example
                   Example 1:<BR>
                   <BR>                                      Example 1:
                   <UL>
                   <LI>List item 1                                  List item 1
                   <LI>List item 2                                  List item 2
                   </UL>
                   <BR>
          unordere Example 2:<BR>
<UL>                                                         Example 2:
          d list   <UL type="disc">
                   <LI>List item 1
                   <LI>List item 2                                  List item 1
                   <UL type="circle">                               List item 2
                   <LI>List item 3                                        o List item 3
                   <LI>List item 4                                        o List item 4
                   </UL>
                   </UL>

				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:109
posted:3/25/2011
language:English
pages:10
Description: Find the HTML document for reading.