Hypergurl Complete list of HTML Tags and examples of how those HTML codes are used in webpages. How to create your own website design with HTML tags.





HTML tags come in handy for when your creating website code without the use of an editor. Basic tags for creating a website include HTML image, color, background and font tags. More dynamic ones include HTML applet tags, anchor tags and marquee tags.


HTML Tags to help you create your own website design



Below are the most common used html tags used in website design and a short description of the function of each. Some have examples of how they are used with their html codes. Website HTML tags are arranged in alphabetical order.
  • <A></A> This element is what the hyperlinked structure of the World Wide Web is based on. It is used in two ways:
    1. Create a hyperlink to another anchor (Link to another page or website)
    2. Create an anchor in a document See working example. or see anchor tutorial

  • <ABBR></ABBR> Identifies that the content is an abbreviated form of some kind.

  • <ACRONYM></ACRONYM> Identifies that some text is an acronym.

  • <ADDRESS></ADDRESS> Specifies information such as authorship and contact details for the current document. Browsers should render the content with paragraph-breaks before and after.
    See working example

  • <APPLET></APPLET> Embed a Java applet into your website document.

  • <AREA></AREA> Used to implement a client-side image map.

  • <AUDIOSCOPE> This element displays the audioscope, the graphical display of the amplitude of the current sound over time.

  • <B></B> Change your website text to bold. See working example.
    <bold></bold> or <strong></strong> can also be used.

  • <BASE> Supply a base address that must be used for resolving relative URI's to absolute URI's.

  • <BASEFONT> Change the appearance of the default font that is used to draw the text.

  • <BDO></BDO> This element overrides the bidirectional algorithm, the default algorithm to resolve the direction to show the text.

  • <BGSOUND> Play a background sound when your webpage is opened. This element must be placed in the HEAD section of the document
    .
  • <BIG></BIG> Increase the current size of the font by 1. The maximum size is 7.

  • <BLACKFACE></BLACKFACE> This element will render the text in a double-weight boldface font.

  • <BLINK></BLINK> Changes the text to blinking. Drives people insane. *smiles*

  • <BLOCKQUOTE></BLOCKQUOTE> This is used to enclose larger quotations from other works in the page. See working example.

  • <BODY></BODY> This element contains the body of your website document. If a <HEAD> section is present in the page then the body must be placed after this section.

  • <BQ></BQ> This element is an alias of the blockquote element.

  • <BR> Line Break. Break the current line and continue on the next line.

  • <BUTTON></BUTTON> This attribute creates a button that the user can push.

  • <CAPTION></CAPTION> Specify the caption of a table. This element is only valid inside the TABLE element.

  • <CENTER></CENTER> Centers everything inside the opening and closing element.
    This tag is equivalent to <DIV align="center">. See working example

  • <CITE></CITE> Used for citations or references to other sources. See working example

  • <CODE></CODE> Used for source code examples.

  • <COL> This element sets the attribute values for one or more columns.

  • <COLGROUP> This tag creates a column group and sets attribute values for all the columns in this group.

  • <COMMENT></COMMENT> Used to insert comments in the HTML source which will be ignored by the browser. All HTML elements inside the comment will be ignored. You can use this code to put comments in your pages, which can help you when you have to edit the source later.
    HTML generating programs sometimes store program-specific information inside comments,
    so they will not be visible, but still available to the program.
    This code is not a container, but inside it you can put one or more comments,
    by surrounding with "--". The end of the code is indicated with the sequence -->.

  • <DD></DD> The description of a term in a definition list.

  • <DEL></DEL> This is a tag that is used to indicate webpage text that has been deleted.

  • <DFN></DFN> This is a element that is used to indicate a word or phrase that is being defined.

  • <DIR></DIR> Create a directory list. See working example.

  • <DIV></DIV> HTML DIV tags. This element is a general container for a part of the contents of a page. Through the DIV element you can add attributes, like style information, to this whole division. The DIV element will not show anything when used without any other attribute. A division will terminate a paragraph opened with the P element.
    <DIV align="center"> is the same as the deprecated <CENTER> element.

  • <DL></DL> Create a definition list. This is a list where each item consists of two parts.

  • <EM></EM> Put "emphasis" on the enclosed text.

  • <EMBED></EMBED> The EMBED element lets you display output from a plug-in application in an HTML document.

  • <FIELDSET></FIELDSET>

  • <FONT></FONT> HTML font tags change the font which is used to draw the text.

  • <FORM></FORM> HTML form tags. Create a form inside a document. See working example

  • <FRAME> In a page with frames, this element defines how the a specific frame looks and what is initially shown inside the frame, when the framed page is loaded.
    This element is only allowed inside a FRAMESET element.

  • <FRAMESET></FRAMESET>

  • <H1></H1> The elements H1, H2, H3, H4, H5 and H6 are used to create several levels of headers, with H1 as the most important header and H6 as the least important. See working example

  • <HEAD></HEAD> Container for elements describing the current document. This section contains no contents the browser should display in the body of the text.
    The following elements are allowed inside the HEAD section :

    BASE
    BASEFONT
    BGSOUND
    ISINDEX
    LINK
    META
    SCRIPT
    STYLE
    TITLE

  • <HR> Draw a horizontal rule. See working example

  • <HTML></HTML> The container for a complete HTML document.

  • <I></I> Change the text to italic. See working example.
    <italic></italic> can also be used.

  • <IFRAME></IFRAME> This element is a container to create an inline or floating frame. A floating frame is a frame in which the contents of another HTML document can be seen.

  • <ILAYER></ILAYER> With this element you can create several layers of content on a page. These layers can be stacked on top of each other, showing parts of underlying layers through non-occupied space.

  • <IMG> HTML image tag. Place an image in the document. See working Example

  • <INPUT> Create a control for a form. A control is an element which the user can use to enter data, like textboxes, radiobuttons and checkboxes and is only valid inside the FORM element.

  • <ISINDEX> This element will show an text input field. After pressing the <Enter> key the browser will construct a new URL, with the current address, a question mark and the text the user entered in the text field, and send it to the server

  • <KBD></KBD> This is used to identify text that a user is supposed to enter.

  • <LABEL></LABEL> Attach information to a specific field of a form.

  • <LAYER></LAYER> With this element you can create several layers of content on a page. These layers can be stacked on top of each other, showing parts of underlying layers through non-occupied space.

  • <LEGEND></LEGEND> Give the caption for a group of related controls, created with the FIELDSET element. See working example

  • <LI></LI>List tags Identify an item in a list. See working example.

  • <MAP></MAP> This element is a container for the map that is used in a client-side image map.

  • <MARQUEE></MARQUEE> HTML marquee tag. This element is a container that enables you to create a scrolling text marquee. See working example

  • <MENU></MENU> A container for a list of menu items.

  • <META> This element supplies meta-information about the current document.

  • <NOBR></NOBR> The NOBR element stands for NO BReak. This means all the text between the start and end of the NOBR elements cannot have line breaks inserted between them.

  • <NOEMBED></NOEMBED> This element defines content within EMBED content that is to be ignored by browsers that can activate the EMBED plug-in application.

  • <NOFRAMES></NOFRAMES> This element provides a way to create alternative content that is intended for browsers that can't show frames, or are configured not to show them. A browser that displays the frames ignores the contents of the NOFRAMES element.

  • <OBJECT></OBJECT> The object element allows the author to embed an object into the document. This element also replaces the APPLET element.

  • <OPTION></OPTION> This describes an option in a listbox of a form. See working example

  • <P></P> This indicates a paragraph in the document. It is a container but most browsers allow you to omit the closing element.

  • <PARAM> This element is for supplying parameters to a JAVA applet or another object and is only valid inside the APPLET and OBJECT elements.

  • <PLAINTEXT></PLAINTEXT> All HTML elements inside this container are ignored by the browser, and shown as they were only text.

  • <PRE></PRE> This element allows you to show preformatted text as it is, using the supplied whitespace of the text.

  • <Q></Q> This is used to enclose short quotations from other works in the page.

  • <S></S> Render text as strikethrough. See working example.

  • <SAMP></SAMP> This element describes text that is output from a program.

  • <SCRIPT></SCRIPT> This element adds the possibility of programming inside a HTML document by using a scripting language.

  • <SELECT></SELECT> This element lets you create a listbox as an input field on a form.
    See working example.

  • <SERVER></SERVER> This element is used to write JavaScripts that will be executed on the server, in the process of serving the page to the browser.

  • <SMALL></SMALL> Draw the text using a smaller font than the one that is used for normal text.

  • <SPACER> With a spacer you can control the horizontal whitespace that appears between words in a line, the vertical whitespace that appears between lines on a page, or set up rectangular spacing elements.

  • <SPAN></SPAN> This element is used to create a structure in a document. By using this element you can give a part of the document a name, or apply style sheet information to the part.
    See Working Example

  • <STRIKE></STRIKE> Render text as strikethrough. Same as the <S> tag.

  • <STRONG></STRONG> Render the text with strong emphasis. See working example
  • <STYLE></STYLE> This element is a container for style sheet elements to use with this document.

  • <SUB></SUB> This is a container for text that should be displayed as a subscript, and, if practical, using a smaller font (compared with normal text). See working example.

  • <SUP></SUP> Display the text as a superscript. See working example

  • <TABLE></TABLE>
    HTML table tags. Create a table layout which can contain cells in rows and columns. The cells of a table are specified with the TR, TH and TD elements.

  • <TBODY></TBODY>
    This element defines the body part of a table.

  • <TD></TD>
    HTML table tags. The container for a cell in a table. Inside this you can put all the HTML coding
    you want to appear in the cell.

  • <TEXTAREA></TEXTAREA>
    Define a multiline text field in a form. This element is only valid inside the FORM element.

  • <TFOOT></TFOOT>
    This element defines the footer of a table.

  • <TITLE></TITLE>
    Specify the title of the HTML document. This element is only allowed inside the HEAD element.

  • <TR></TR>
    Define a row inside a table.

  • <U></U>
    Underline your text.

  • <UL></UL>
    Create an unordered list of items, where unordered means the individual items are not numbered, but have a bullet in front of them. If you want numbered items use an ordered list. The items in the list are identified with the LI element.
    See working example

  • <VAR></VAR>
    Used to describe a metasyntactic variable, where the user is to replace the variable with a specific instance. Typically displayed in italics.

  • <WBR>
    The WBR element stands for Word Break.
 
Search Site
Custom Search





Site design copyright 2000 - 2013 © Tanya Puntti Hypergurl.com