Loading...
Menu

Ultra HTML Reference

Ultra HTML Reference

The Ultra Guide To HTML

 

Michael Abelar

Copyright © 2015

Michael Abelar

All rights are reserved.

No part of this publication may be reproduced, stored in a retrieval

system or transmitted in any form or by any means, electronic,

mechanical, photocopying, recording or otherwise, without

prior permission of author.

For those who have helped me to where I am today

 

 

 

 

Table of Contents

Introduction

A Tags

B Tags

C Tags

D Tags

E Tags

F Tags

H Tags

I Tags

K Tags

L Tags

M Tags

O Tags

P Tags

Q Tags

S Tags

T Tags

U Tags

V Tags

Conclusion

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Introduction

Hello all, this is my second book on HTML programming. The purpose of this book is mainly to serve as a reference book for those who are already familiar with programming in HTML in order to create web pages. If you are totally new to HTML, I recommend my introduction book: HTML For Novices By Novices. In this book, I hope to outline every HTML tag used in both modern and previous versions of HTML programming. For each HTML tag, I will provide a detailed description along with an example of that tag in HTML. This book assumes that you are already familiar with HTML and that you know the basic tags of HTML. As for information about myself, I am a high school student who has significant experience programming websites with a variety of languages including HTML. In my opinion, I think that as someone who is relatively new to programming, I can best explain concepts and tags to those who are also new. For ease of a reference, I will be putting all of the tags in alphabetical order. Let us start going through all of the HTML tags!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Code for This Book

Can be found at https://github.com/mike2151/Ultra-HTML-Reference-Book/tree/master

Just look to the right side of the website and click “Download Zip.”

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tags Starting With A

 

The Tag:

 

Description and function of tag:

 

The tag is used to create hyperlinks in websites. Use this tag if you need to reference to other HTML files or if you need to reference other external websites. The tag uses the “href” attribute in order to link to the HTML file or website. In between the tags is where the content displayed of the hyperlink goes.

 

Example in HTML (atag.html):

 

</p> <p>The a tag</p> <p>

Link To Other Web Page

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to define an abbreviation or an acronym. The title attribute defines the full definition of the abbreviation. What appears on the website is what goes inside the tags.

 

Example in HTML (abbr.html):

</p> <p>The abbr tag</p> <p>

The FED is the central bank of the United States.

 

 

 

The Tag (Not supported in HTML5)[+: +]

 

Description and function of tag:

 

Works exactly the same as the tag.

 

Example in HTML (acronym.html):

</p> <p>The acronym tag</p> <p>

The FED is the central bank of the United States.

 

 

The

Tag:

 

Description and function of tag:

 

The

tag is used to display an address to the webpage. It essentially puts the content in the tags in italics which is the format of an address.

 

Example in HTML (address.html):

</p> <p>The address tag</p> <p>

Written by Joe Schmo.

joeschmo.js

123 Main Street

USA

 

 

 

 

The Tag (Not supported in HTML5)[+:+]

 

Description and function of tag:

 

The tag is used to embed java code into a website. The code attribute indicates the java class file. Width and height attributes are used to adjust the size of the embedded java code.

 

Example in HTML (applet.html):

</p> <p>The applet tag</p> <p>

 

The image of the example will vary on the Java code used. In this instance, no actual java class was used.

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to define areas in an image map ( tag). This tag allows for embedding images in other images.

 

Example in HTML (area.html):

 

</p> <p>The area tag</p> <p>

<!—the img tag is the central tag for the image map. The area tag then defines the sub sections of such image map by using the shape and coords attributes

to define the area in which they occupy. In this case, the areas represent different HTML pages -->

Planets

 

Sun

Mercury

Venus

 

 

 

 

 

 

 

 

 

Tags Starting With B

 

The Tag:

 

Description and function of tag:

 

The tag is used to bold content.

 

Example in HTML (b.html):

 

</p> <p>The b tag</p> <p>

The Book

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to specify the base URL/target for all URLs and tags in a document. This tag is placed in the head section and is the default URL path.

 

Example in HTML (base.html):

 

 

Stickman“http://www.w3schools.com/images/stickman.gif”.

 

 

 

 

The Tag (not supported in HTML5):

 

Description and function of tag:

 

The tag is used to define the default text size, text color, or font for all text in a HTML document.

 

Example in HTML (basefont.html):

</p> <p>The basefront tag</p> <p>

Regular Text

 

 

 

 

The Tag (not supported in HTML5):

 

Description and function of tag:

 

The tag is used to enlarge text.

 

Example in HTML (big.html):

 

</p> <p>The big tag</p> <p>

normal text


Big Text

 

 

 

 

The Tag (not supported in HTML5):

 

Description and function of tag:

 

The tag is used to make content blink.

 

Example in HTML (blink.html):

 

</p> <p>The blink tag</p> <p>

Blinking Text!

 

 

 

 

The

Tag:

 

Description and function of tag:

 

The

tag is used to quote large pieces of texts. One should use the
tag if the desired quoted text is multiple paragraphs. Instead use the tag for smaller pieces of text.

 

Example in HTML (blockquote.html):

 

 

</p> <p>The blockquote tag</p> <p>

Google is pretty cool.

 

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to declare the document body in a HTML document. The contents inside the body tag will be outputted to the actual webpage.

 

Example in HTML (body.html):

 

</p> <p>The body tag</p> <p>

Main Content Here

 

 

 

 

The
Tag
:

 

Description and function of tag:

 

The
tag is used to create a blank line space in the HTML document to separate content.

 

Example in HTML (br.html):

 

</p> <p>The br tag</p> <p>

Content goes here!


Now content is over here!

 

 

 

 

The

 

 

 

 

Tags Starting With C

 

The Tag:

 

Description and function of tag:

 

The tag is used to create a caption for a table.

 

Example in HTML (caption.html):

 

</p> <p>The caption tag</p> <p>

Earnings
Month Money
May $150

 

 

 

 

 

The

Tag[+ (not supported in HTML5):+]

 

Description and function of tag:

 

The

tag is used to put HTML content in the center of a web page. One should use CSS if one wants to put content in the center of a web page.

 

Example in HTML (center.html):

 

</p> <p>The center tag</p> <p>

Centered Content      

 

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to create a textual citation for citing other people’s work.

 

Example in HTML (cite.html):

 

</p> <p>The cite tag</p> <p>

HTML For Novices By Novices by Mike Abelar is a great instructional novel.

 

 

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to write computer code format in a web page. The text in between the code tags will look like computer code.

 

Example in HTML (code.html):

 

</p> <p>The code tag</p> <p>

How to add in Python:


print(1 + 1)

 

 

 

 

Tags Starting With D

The

Tag:

 

Description and function of tag:

 

The

tag is used to define the definition of a term in a definition list. The
tag is the indented section of the list.

 

Example in HTML (dd.html):

 

</p> <p>The dd tag</p> <p>

Common Programming Languages

HTML

Structure

CSS

Appearance

 

 

 

 

 

The Tag:

 

Description and function of tag:

 

The tag is used to define a term for HTML text. This tag is very similar to the and tags.

 

Example in HTML (dfn.html):

 

</p> <p>The dfn tag</p> <p>

HTML is the structure of the web.

 

 

 

 

The

Tag[+ (Not supported in HTML5):+]

 

Description and function of tag:

 

The

tag is used to create an unordered list (
    tag). This is now deprecated and should now use the
      tag for lists.

       

      Example in HTML (dir.html):

       

      </p> <p>The dir tag</p> <p>

      Top Web Programming Languages

    • html
    • javascript
    • css
    •  

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is used to create a division for CSS purposes in a web page. Also used for identification of sections.

       

      Example in HTML (div.html):

       

       

      </p> <p>The div tag</p> <p>

      Section 1

      Section 2

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag stands for definition list and is used for to create list of definitions similar to that of an ordered or unordered list.

       

      Example in HTML (dl.html):

       

      </p> <p>The dl tag</p> <p>

      Common Programming Languages

      HTML

      Structure

      CSS

      Appearance

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is used in the definition list and helps define a “header” of the definition list.

       

      Example in HTML (dt.html):

       

      </p> <p>The dt tag</p> <p>

      Common Programming Languages

      HTML

      Structure

      CSS

      Appearance

       

       

       

      Tags Starting With E

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to create emphasized text. It is essentially equivalent of the italics in text.

       

      Example in HTML (em.html):

       

      </p> <p>The em tag</p> <p>

       

      HTML is a great programming language

       

       

       

      Tags Starting With F

      The Tag[+ (supported in HTML5):+]

       

      Description and function of tag:

       

      The tag is used to modify the containing font. The tag can modify text’s font family, text size, and color.

       

      Example in HTML (font.html):

       

      </p> <p>The font tag</p> <p>

       

      Normal font. New Font

       

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The tag is used to create a form. The tag is the starting tag for any form which is created. The tag is essential in PHP functions for identifying whether a form is for getting or sending information.

       

      Example in HTML (form.html):

       

      </p> <p>The form tag</p> <p>

      Username

       

       

       

       

      Tags Starting With H

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is used to transform text into a large header which is bold and significantly larger than normal text.

       

      Example in HTML (h1.html):

       

      </p> <p>The h1 tag</p> <p>

      News

      Stocks go up

       

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is the same as the

      tag except smaller.

       

      Example in HTML (h2.html):

       

      </p> <p>The h2 tag</p> <p>

      News

      Stocks go up

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is the same as the

      tag except smaller.

       

      Example in HTML (h3.html):

       

       

      </p> <p>The h3 tag</p> <p>

      News

      Stocks go up

       

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is the same as the

      tag except smaller.

       

      Example in HTML (h4.html):

       

      </p> <p>The h4 tag</p> <p>

      News

      Stocks go up

       

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is the same as the

      tag except smaller.

       

      Example in HTML (h5.html):

       

       

      </p> <p>The h5 tag</p> <p>

      News

      Stocks go up

       

       

       

      The

      Tag:

       

      Description and function of tag:

       

      The

      tag is the same as the
      tag except smaller.

       

      Example in HTML (h6.html):

       

      </p> <p>The h6 tag</p> <p>

      News

      Stocks go up

       

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is integral in ever HTML document and the tags in the head tag serve to describe the website.

       

      Example in HTML (head.html):

       

      </p> <p>The head tag</p> <p>

       

      No picture because there is no actual content on the webpage.

       

      The


      Tag:

       

      Description and function of tag:

       

      The


      tag is used to create a horizontal line break in the document. The
      tag is equivalent to a plain horizontal line used to separate material.

       

      Example in HTML (hr.html):

       

       

      </p> <p>The hr tag</p> <p>

      News

      Stocks Go Up

       


      Listen To Music

      You Should

       

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is integral in every HTML document. The entire HTML document is enclosed in the tags. The only tag outside the tags is the tag.

       

      Example in HTML (html.html):

       

       

      </p> <p>The html tag</p> <p>

       

      No picture shown because no content is on the actual webpage.

       

       

      Tags Starting With I

      The Tag:

       

      Description and function of tag:

       

      The tag makes any content enclosed italics.

       

      Example in HTML (i.html):

       

       

      </p> <p>The i tag</p> <p>

      Normal Text


      Italicized Text

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to include an image in a web page. This is done by using the “src” attribute.

       

      Example in HTML (img.html):

       

       

      </p> <p>The img tag</p> <p>

      A picture of a sun:

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used mainly in forms for input objects such as buttons, checkboxes, date inputs, emails, usernames, passwords, etc.

       

      Example in HTML (input.html):

       

      </p> <p>The input tag</p> <p>

       

       

       

       

       

      Tags Starting With K

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to create the appearance of keyboard input for the enclosed content.

       

      Example in HTML (kbd.html):

       

      </p> <p>The kbd tag</p> <p>

      This text looks like keyboard input.

       

       

       

      Tags Starting With L

       

      The

    • Tag:

       

      Description and function of tag:

       

      The

    • tag is involved in lists and serves as a list item. Content inside the
    • tag generates the content in a bullet or a number depending on the type of list.

       

      Example in HTML (li.html):

       

      </p> <p>The li tag</p> <p>

      My Shopping List:


      • Milk
      • Bread

       

       

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to include other non-HTML files in the HTML document. The tag is heavily used when including additional Javascript and CSS files.

       

      Example in HTML (link.html):

       

       

      </p> <p>The link tag</p> <p>

      <!— Links to external CSS file -->

       

       

      Picture not displayed because there is no content on the page.

       

       

      Tags Starting With M

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to create an image map which is essentially an image with other clickable parts included. The tag is used to create the image map itself.

       

      Example in HTML (map.html):

       

      </p> <p>The map tag</p> <p>

      <!—the img tag is the central tag for the image map. The area tag then defines the sub sections of such image map by using the shape and coords attributes

      to define the area in which they occupy. In this case, the areas represent different HTML pages -->

      Planets

       

      Sun

      Mercury

      Venus

       

       

       

       

      The <marquee> Tag[+ (not supported in HTML5):+]

       

      Description and function of tag:

       

      The tag is used to create a rolling area of text content.

       

      Example in HTML (marquee.html):

       

      </p> <p>The marquee tag</p> <p>

      This text will scroll from bottom to top

       

       

       

       

       

       

      The Tag:

       

      Description and function of tag:

       

      The tag is used to provide descriptions for your web page.

      These meta tags include:

       

       

      Example in HTML (meta.html):

       

       

      </p> <p>The meta tag</p> <p>

       

      No picture shown because there is no content on this webpage.

       

      Tags Starting With O

       

      The

        Tag:

         

        Description and function of tag:

         

        The

          tag is used to create an ordered list. This is the equivalent of a numbered list with the first list item being a 1. The
        1. tag is used to create the list items to populate the list.

           

          Example in HTML (ol.html):

           

          </p> <p>The ol tag</p> <p>

          Things to do:


          1. Work
          2. Eat
            1.  

               

               

               

              The

               

              Description and function of tag:

               

              The

               

              Example in HTML (option.html):

               

              </p> <p>The option tag</p> <p>

               

              Favorite Color:

               

               

              Tags Starting With P

              The

              Tag:

               

              Description and function of tag:

               

              The

              tag is used to display normal, regular text.

               

              Example in HTML (p.html):

               

              </p> <p>The p tag</p> <p>

              Normal textual content

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to define parameters when embedding objects. The tag can be thought of as attributes for embedded objects.

               

              Example in HTML (param.html):

               

              </p> <p>The param tag</p> <p>

               

              No example shown

               

               

              The

               Tag:

               

              Description and function of tag:

               

              The

               tag is used to conserve the format of text. For example, in normal 

              tags, spaces and break lines get removed. However, in the

               context, they stay with the text formatted. 

               

              Example in HTML (pre.html):

               

              </p> <p>The pre tag</p> <p>

              Text which

              is not

              formatted the way I type it


              Text which

              is

              formatted the way I type it

               

               

               

               

              Tags Starting With Q

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create quotations around content enclosed.

               

              Example in HTML (q.html):

               

               

              </p> <p>The q tag</p> <p>

              Read my lips: no new taxes

               

               

               

              Tags Starting With S

              The Tag:

               

              Description and function of tag:

               

              The tag is used to make all enclosed content look like computer output.

               

              Example in HTML (samp.html):

               

              </p> <p>The samp tag</p> <p>

              Normal text


              Sample Output Text

               

               

               

               

              The

               

              No picture shown because there is no content in the webpage.

               

              The > Tag:

               

              Description and function of tag:

               

              The

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to make all enclosed content smaller than normal font size.

               

              Example in HTML (small.html):

               

              </p> <p>The small tag</p> <p>

              Normal Text


              Smaller Text

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to group inline-elements for CSS modifications. It can be considered an inline

              tag

               

              Example in HTML (span.html):

               

              </p> <p>The span tag</p> <p>

              The color red is cool.

               

               

               

               

               

              The > Tag:

               

              Description and function of tag:

               

              The tag creates a line right through all enclosed content. [-Like so. -]

               

              Example in HTML (strike.html):

               

              </p> <p>The strike tag</p> <p>

              Buy this coat!


              For only 5$ 2$!

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to emphasize content by making it bolder and a slightly larger font.

               

              Example in HTML (strong.html):

               

              </p> <p>The strong tag</p> <p>

              Normal Text


              Strong Text

               

               

               

              The

               

              No picture shown because there is no content on the webpage.

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create subscript text.

               

              Example in HTML (sub.html):

               

              </p> <p>The sub tag</p> <p>

              The slope formula is:


              (y2-y1)/(x2-x1)

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create superscript text such as exponents.

               

              Example in HTML (sup.html):

               

              </p> <p>The sup tag</p> <p>

              32 is really 3 * 3

               

               

               

              Tags Starting With T

               

              The

              Tag:

               

              Description and function of tag:

               

              The

              tag is used to declare a table and contain the actual table enclosed in the tag.

               

              Example in HTML (table.html):

               

              </p> <p>The table tag</p> <p>

              Month Earnings
              May $5000
              June $6000

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to define the main cells and content in a table.

               

              Example in HTML (tbody.html):

               

              </p> <p>The tbody tag</p> <p>

              Month Earnings
              Total $200
              March $100
              May $100

               

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create an individual cell in a table.

               

              Example in HTML (td.html):

               

              </p> <p>The td tag</p> <p>

              Month Earnings
              May $5000
              June $6000

               

               

               

               

              The

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to define the footer or bottom region of a table for cells or other content.

               

              Example in HTML (tfoot.html):

               

              </p> <p>The tfoot tag</p> <p>

              Month Earnings
              Total $200
              March $100
              May $100

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create a header cell in a table.

               

              Example in HTML (th.html):

               

              </p> <p>The th tag</p> <p>

              Month Earnings
              May $5000
              June $6000

               

               

               

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to define the header content in a table such as the titles and headers of rows and columns.

               

              Example in HTML (thead.html):

               

              </p> <p>The head tag</p> <p>

              Month Earnings
              Total $200
              March $100
              May $100

               

               

               

              The Tag:</ins></p> <p> </p> <p>Description and function of tag:</p> <p> </p> <p>The <title> tag is used to designate the title of the web page in the <head> tag. </p> <p> </p> <p>Example in <span class="caps">HTML</span> (title.html):</p> <p> </p> <p><!DOCTYPE html></p> <p><html></p> <p><head></p> <p> <!-- Title of the web page --></p> <p><title></p> <p>The title tag</p> <p>

              <bod

               

              No picture shown because there is no content on the webpage,

               

              The Tag:

               

              Description and function of tag:

               

              The tag is used to create a row in a table.

               

              Example in HTML (tr.html):

               

               

              </p> <p>The tr tag</p> <p>

              Month Earnings
              May $5000
              June $6000

               

               

               

               

              The Tag[+ (Not supported in HTML5):+]

               

              Description and function of tag:

               

              The tag is the same as the tag.

               

              Example in HTML (tt.html):

               

               

              </p> <p>The tt tag</p> <p>

              Normal Text


              Type Writer Output

               

               

               

               

              Tags Starting With U

              The Tag:

               

              Description and function of tag:

               

              The tag is used to underline all containing content.

               

              Example in HTML (u.html):

               

               

              </p> <p>The u tag</p> <p>

              This text is underlined

               

               

               

               

              The