HTML_tutorial

HTML Reference Guide

non-breaking space:

 

 

GENERAL TAGS

Found in all HTML documents

 

HTML

<html> </html>

Note: Must begin and end the document.

Example:

<html>

<head>

(title, meta tags go here)

</head>

<body>

(Rest of page goes here)

</body>

</html>

 

Head

<head> </head>

Note: Must immediately follow the first <html> tag.

Example:

<html>

<head>

(title, meta tags go here)

</head>

<body>

(Rest of page goes here)

</body>

</html>

 

Title

<title> </title>

Note: Must go between the <head> and </head> tags.

Example:

<title>

(Page title here)

</title>

 

Meta

<meta>

Note: Must go between the <head> and </head> tags. Does not have a partner.

Examples:

<meta http-equiv=”Content-type” content=”text/html;charset=UTF-8″>

<meta name=”description” content=”(Site description here)”>

<meta name=”keywords” content=”(Keyword list here)”>

 

Body

<body> </body>

Note: Must immediately follow the closing </head> tag.

Example:

<html>

<head>

(title, meta tags go here)

</head>

<body>

(Rest of web page goes here)

</body>

</html>

 

Background Color

<body bgcolor=”aqua”>

<body bgcolor=”black”>

<body bgcolor=”blue”>

<body bgcolor=”fuchsia”>

<body bgcolor=”gray”>

<body bgcolor=”green”>

<body bgcolor=”lime”>

<body bgcolor=”maroon”>

<body bgcolor=”navy”>

<body bgcolor=”olive”>

<body bgcolor=”purple”>

<body bgcolor=”red”>

<body bgcolor=”silver”>

<body bgcolor=”white”>

<body bgcolor=”yellow”>

 

Note: If you’d like to change the background color of a web page, just add the ‘bgcolor’ attribute to your body tag.

You can also substitute an RGB color code for the color words in the examples above. View the supplementary material under lesson 3 for a list of RGB color codes.

Example:

<body bgcolor=”teal”>

(This page will have a teal-colored background)

</body>

<body bgcolor=”#FFFF99″>

(This page will have a pale yellow background)

</body>

 

Text Color

Note: You can change the color of all the text on your web page (except links and text affected by the <font color> tag) by adding the ‘text’ parameter to your body tag. You can use the color words and RGB color codes mentioned above.

Example:

<body bgcolor=”teal” text=”silver”>

(This page will have a teal background and silver text)

</body>

<body bgcolor=”#FFFF99″ text=”#000000″>

(This page will have a pale yellow background and black text)

</body>

 

Link Color

Note: You can change the color of all the links on your web page by adding the ‘link’ and ‘vlink’ attributes to your body tag. To assign values to these attributes, use the color words or RGB color codes listed above.

Example:

<body bgcolor=”black” text=”white” link=”yellow” vlink=”lime”>

(Links that have not yet been clicked will appear yellow on this page. Links that have been followed will appear lime- colored. All other text will be white, and the page background will be black.)

</body>

<body bgcolor=”#000000″ text=”#FFFFFF” link=”#00FFFF” vlink=”#00FF00″>

(Links that have not yet been clicked will appear yellow on this page. Links that have been followed will be green. All other text will be white, and the page background will be black.)

</body>

 

Background Image

Note: If you’d rather have an image appear in the background of your web page, specify the image name using the ‘background’ attribute in your body tag. The image must be saved in GIF or JPG format. Choose your image and text colors carefully so that the text remains easy to read. You should always pair this attribute with a bgcolor attribute to accommodate visitors who cannot see images.

Example:

<body background=”image.gif” bgcolor=”white”>

(An image named ‘image.gif’ will form the background of this page. If the image cannot be seen, the page will be white.)

</body>

<body background=”image.gif” bgcolor=”#FFFFFF”>

(An image named ‘image.gif’ will form the background of this page. If the image cannot be seen, the page will be white.)

</body>

WARNING: Some printers may not have been configured to print background colors or background images. Be very careful about placing light text over a dark background. When some people try to print the page, the background may not print, and they will be faced with the near- impossible task of trying to read light text on white paper.

 

[hr toptext=”” size=”tiny”]

 

 STRUCTURAL TAGS

Control text appearance and alignment. Can only be used between the <BODY> and </BODY> tags.

 

 Heading

<h1> </h1>

<h2> </h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

<h6> </h6>

 

Note: Creates large, heavy text. <h1> creates the largest heading, <h6> the smallest. All heading text is preceded and followed by a blank line.

Examples:

<h1>

(This text will be big)

</h1>

 

<h2>

(This will be big, but not as big)

</h2>

 

Formatting: Any formatting tags, such as the font or italic tags, must be placed between your opening and closing heading tags. It is not considered proper technique to try and format a heading with any formatting tag that appears outside of the heading tags.

 

Proper Heading Formatting:

<h1>

<i>

…your heading here…

</i>

</h1>

 

Improper HeadingFormatting:

<i>

<h1>

…your paragraph here…

</h1>

</i>

 

Align Heading

Note: You can add the parameters align=”center” or align=”right” to any heading tag if you don’t want the heading text to be left aligned.

 

<h1 align=”center”>

(This text will be centered)

</h1>

 

<h3 align=”right”>

(This text will be right-aligned)

</h3>

Paragraph

<p> </p>

Note: The paragraph tag creates normal-sized text that ordinarily runs from margin to margin. All paragraph text is preceded and followed by a blank line.

Example:

<p>

( Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here.)

</p>

 

Formatting: Any formatting tags, such as the font, bold, and italic tags, must be placed between the <p> and </p> tags. It is not considered proper technique to try and format a paragraph with any formatting tag that appears outside of the <p> and </p> tags.

 

Proper Paragraph Formatting:

<p>

<b>

…your paragraph here…

</b>

</p>

 

Improper Paragraph Formatting:

<b>

<p>

…your paragraph here…

</p>

</b>

Align Paragraph

Note: You can add the parameters align=”center” or align=”right” to any paragraph tag if you don’t want the paragraph text to be left aligned.

<p align=”center”>

(This text will be centered)

</p>

 

<p align=”right”>

(This text will be right-aligned)

</p>

Blockquote

<blockquote> </blockquote>

Note: Similar to paragraph tag, except that it indents the paragraph text on both left and right sides. All blockquoted text is preceded and followed by a blank line. Cannot be used in combination with paragraph or heading tags. Will not accept an ‘align’ attribute.

Example:

<blockquote>

( Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here.)

</blockquote>

 

Formatting: Any formatting tags, such as the font, bold, and italic tags, must be placed between the <blockquote> and </blockquote> tags. It is not considered proper technique to try and format a blockquote with any formatting tag that appears outside of the <blockquote> and </blockquote> tags.

 

Proper Blockquote Formatting:

<blockquote>

<font face=”arial,helvetica” size=”2″>

…your blockquoted text here…

</font>

</blockquote>

 

Improper Blockquote Formatting:

<font face=”arial,helvetica” size=”2″>

<blockquote>

…your paragraph here…

</blockquote>

</font>

 

Nested Blockquote

Note: You can nest two or more pairs of <blockquote> and </blockquote> tags to indent text even more than usual.

<blockquote> <blockquote>

( Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here. Your paragraph here.)

</blockquote></blockquote>

 

Line Break

<br>

Note: This tag, which does not have a partner, creates a new (single-spaced) line.

Example:

<p>Joe Smith<br>

123 Main Street<br>

Mascoutah, IL 62225</p>

 

Horizontal Rule

<hr>

Note: Draws a horizontal line across the page. Does not have a partner. It is not possible to change the color of a horizontal rule with HTML.

Examples:

<hr>

<hr noshade>

 

Notice how the noshade attribute removes the shadow effect from the horizontal rule, making the horizontal rule look like a solid grey line.

<hr size=”(height in pixels)”>

<hr size=”1″>

<hr size=”5″>

<hr size=”10″>

Notice how the size attribute changes the thickness of the horizontal rule.

 

<hr width=”(width in pixels or a % of page width)”>

<hr width=”100″>

<=”” width=”100″>

<hr width=”200″>

<hr size=”5″ width=”100″>

<hr size=”5″ width=”100″ noshade>

<hr size=”10″ width=”250″ noshade>

<hr size=”10″ width=”250″>

 

Notice how the width attribute changes the length of the horizontal rule. It can be used in combination with other <hr> attributes, such as size and noshade.

<hr align=”(left or right)” width=”(width in pixels)”>

<hr align=”right” width=”200″>

<hr align=”right” width=”400″ size=”7″ noshade>

<hr align=”left” width=”400″ size=”7″>

<hr align=”left” width=”300″>

The horizontal rule is centered by default. If you wish to see it left- or right-aligned, you must add an align attribute and a width attribute to the <hr> tag. If you leave out the width attribute, the horizontal rule will occupy 100% of the space that has been allocated to it.

 

 Center Entire Section of Document

 

<div align=”center”> </div>

Note: An alternative way to center a lot of text, tables, and images. This tag is most often used in conjunction with CSS for advanced page formatting.

Example:

<div align=”center”>

(Insert one or multiple paragraphs, headings, tables, or images here)

</div>

 

Bold

<b> </b>

Note: Makes text thicker and darker.

Example:

<p>This is going to be <b>bold</b> text.</p>

 

 Italic

<i> </i>

Note: Makes text lean to the right.

Example:

<p>This is going to be <i>italicized</i> text.</p>

 

 Underline

<u> </u>

Note: Draws a line under text. Be careful–people often confuse underlined text for a link. As such, I do not recommend the use of this tag. It may also be rendered obsolete at some point in the future.

Example:

<p>This is going to be <u>underlined</u> text.</p>

 

Nesting

Note: It is possible to nest bold, italic, and underline tags. The order you turn the tags on doesn’t matter, but remember the cardinal rule of HTML: the first tag on should always be the last tag off.

Example:

<p>We’re applying two <b><i>text effects</i></b> at the same time.</p>

Subscript

<sub> </sub>

Note: Pushes text a little lower than the rest of the text on the line

Example:

<p>The chemical formula for water is H<sub>2</sub>O.</p>

The chemical formula for water is H2O.

 

 Superscript

<sup> </sup>

Note: Pushes text a little higher than the rest of the text on the line

Example:

<p>2<sup>3</sup> = 8</p>

23 = 8

 

Teletype

<tt> </tt>

Note: Creates a monospaced font that looks like it came from an old teletype machine.

Example:

<p><tt>Breaking news!</tt></p>

Breaking news!

 

 Preformatted

<pre> </pre>

Note: identifies preformatted text. Convenient if you need to insert a text file onto a web page and don’t have time to format it.

<pre>

This text was typed by somebody else, and I

want to preserve their line breaks without

having to type a bunch of <br> tags. I’ll

just surround it with <pre> and </pre>

tags to tell the browser that this text has been

preformatted, and it will display as-is (albeit

in a monospaced font.

</pre>

 

This text was typed by somebody else, and I

want to preserve their line breaks without

having to type a bunch of <br> tags. I’ll

just surround it with <pre> and </pre>

tags to tell the browser that this text has been

preformatted, and it will display as-is (albeit

in a monospaced font.

 

Font Size

<font size=”1″> </font>

<font size=”2″> </font>

<font size=”3″> </font>

<font size=”4″> </font>

<font size=”5″> </font>

<font size=”6″> </font>

<font size=”7″> </font>

Note: changes font size. Normal size is 3. 1 is smallest, 7 is largest. Some Web browsers are incapable of displaying all available sizes.

Examples:

<p>

<font size=”1″>

(this size is good for legal mumbo jumbo)

</font>

</p>

(This size is good for legal mumbo jumbo)

 

<p><font size=”5″>T</font>he first letter in this sentence will be a lot bigger than all the other letters.</p>

The first letter in this sentence will be a lot bigger than all the other letters.

 

 Font Color

<font color=”aqua”> </font>

<font color=”black”> </font>

<font color=”blue”> </font>

<font color=”fuchsia”> </font>

<font color=”gray”> </font>

<font color=”green”> </font>

<font color=”lime”> </font>

<font color=”maroon”> </font>

<font color=”navy”> </font>

<font color=”olive”> </font>

<font color=”purple”> </font>

<font color=”red”> </font>

<font color=”silver”> </font>

<font color=”teal”> </font>

<font color=”white”> </font>

<font color=”yellow”> </font>

Note: Changes color of text. Can be combined with other valid font attributes, such as ‘size.’ Can also substitute an RGB color code for the color words in the examples above. In the event of a conflict with the body tag’s ‘text’ attribute, the font color attribute will prevail, but only for the text surrounded by the <font> and </font> tags.

Examples:

<p><font color=”teal” size=”6″>I’m big and I’m teal!</font></p>

I’m big and I’m teal!

 

<p>

<font color=”#006600″>

This RGB color code creates forest green text.

</font>

</p>

This RGB color code creates forest green text.

 

Font Face

<font face=”arial,helvetica”> </font>

<font face=”times,times new roman”> </font>

<font face=”courier new,courier”> </font>

Note: changes typeface. A list of two or more names should be used since different computer platforms may use different names for the same typeface. For example, the font named Arial in Windows is referred to as Helvetica on the Mac and Linux platforms. If the first typeface you specify isn’t available on your visitor’s system, the browser will move on to the next typeface on your list.

Examples:

<p>

<font face=”arial,helvetica” size=”2″>

(your text here)

</font>

</p>

 

<p>

<font face=”times,times roman” size=”4″ color=”red”>

(your text here)

</font>

</p>

 

LINK TAGS

Link tags connect one Web page to other pages, other sections of the same page, or an e-mailbox. Link tags must be inserted between <body> and </body> tags. All opening <a> link tags must contain an href attribute, and must be paired with an </a> tag. You must always remember to insert text or an <img> tag between the <a> and </a> tags, or your visitors won’t have anything to click.

 

 External Link

<a href=”(complete URL, including the ‘http://’ part, here)”> </a>

Note: Links to a page on another server. Also known as an absolute link.

Example:

<a href=”http://www.google.com”>

Google

</a>

 

Internal Link

<a href=”filename.html”></a>

Note: Links to a page on same server, drive, and folder. Also known as a relative link.

Example:

<a href=”index.html”>Home page</a>

 

Jump Link

<a href=”#targetname”> </a>

Note: Links to target in another section of the same document. Target must be named using <A NAME=”targetname”> </A>

Example:

<a name=”targetname”>Here is the target.</a>

(rest of page here)

<a href=”#targetname”>This links to the target</a>

<a href=”page.html#targetname”>Link from another page</a>

 

 Mail Link

<a href=”mailto:address”> </a>

Note: Links to an e-mail box. May not be supported by all browsers. Unlike other links, the link color of a mail link is unaffected by the vlink attribute.

Example:

<a href=”mailto:me@mine.com”>Write me!</a>

 

IMAGE TAGS

Image tags place pictures on a Web page. These tags must be placed between the <BODY> and </BODY> tags.

 

Image Source

<img src=”filename.ext” alt=”(alternate message)”>

Note: The ‘src’ attribute is required. It allows you to specify the image to be displayed. The image must be in GIF, JPEG, or PNG format. The filename is case-sensitive. Do not use upper case letters unless the image file name contains upper case letters. The img tag does not have a partner. Must contain an ‘alt’ attribute (below).

Example:

<img src=”picture.gif” alt=”(alternate message)”>

 

 Alternate Message

<img src=”photo.jpg” alt=”(alternate message)”>

Note: The ‘alt’ attribute is required. Some people use browsers that do not display images. Others turn the display of images off to speed things up. If you specify a message with the ‘alt’ parameter, these image-less browsers will display or speak the message in place of the image. Some newer browsers may also display this message when visitors point their mouse at the image.

Example:

<img src=”car.jpg” alt=”My car.”>

 

Dimensions

<img src=”filename.gif” alt=”(alternate message)” width=”(number in pixels)” height=”(number in pixels)”>

Note: Specifying a width and height for your image (if known) decreases the amount of time the text on your page will take to build. This is because the browser does not have to hold the text until all images are fully loaded. If the browser knows the width and height of your image, it will be able to reserve space for your image and place the text on your page BEFORE the image is loaded.

Example:

<img src=”picture.gif” alt=”message” width=”120″ height=”74″>

 

Alignment

<img src=”filename.ext” alt=”message” align=”left”>

<img src=”filename.ext” alt=”message” align=”right”>

Note: Places picture on left or right side of paragraph or blockquote text. Allows text to wrap around image. Must be placed in between <p> and </p> or <blockquote> and </blockquote> tags.

Example:

<p><img=”me.gif” alt=”Me!” width=”100″ height=”74″ align=”right”>(The picture specified in the preceding tag will appear on the right side of this paragraph. These words will wrap neatly around the picture. A very nice effect.</p>

 

Border

<img src=”filename.ext” alt=”message” border=”(number in pixels)”>

Note: Places a border around the image.

Example:

<img src=”picture.gif” alt=”message” border=”4″>

If image is used as a link, a border will be provided by default. If you do not want a border, you must explicitly set the border to 0 (zero).

Example:

<a href=”page.html”><img src=”dog.gif” alt=”dog” border=”0″></a>

 

Runaround Space

<img src=”filename.ext” alt=”(alt message)” hspace=”(number in pixels)” vspace=”(number in pixels)”>

Note: The hspace and vspace attributes specify the minimum amount of horizontal and vertical space between your picture and text or other pictures on the page.

Example:

<img src=”picture.gif” hspace=”10″ vspace=”10″>

 

Center Image

An image can easily be centered horizontally on any Web page. Just surround it with centered paragraph tags:

<p align=”center”>

<img src=”picture.gif” alt=”message”>

</p>

 

Right Align Image

An image can easily be right-aligned. To do so, surround it with right-aligned paragraph tags:

<p align=”right”>

<img src=”picture.gif” alt=”message”>

</p>

 

LIST TAGS

List tags create numbered or bulleted lists. These tags must be positioned between <body> and </body> tags.

 

Unordered List

Example:

<ul>

<li>Item</li>

<li>Item</li>

<li>Item</li>

<li>Item</li>

<li>Item</li>

</ul>

Note: Creates a list of items. Each list item, which should be surrounded by <li> and </li> tags, will be preceded by a bullet.

You cannot type any HTML tags, or place any text between:

a <ul> tag and an <li> tag;

a </li> tag and a <li> tag;

a </li> tag and a </ul> tag.

However, it is permissible to press the ENTER key before an <li> tag and/or after a closing </li> tag, for readability purposes.

Formatting: Any formatting tags, such as the font, bold, and italic tags, must be placed between the <li> and </li> tags that surround each list item. It is not considered proper technique to try and format a list item with any formatting tag that appears outside of the <li> and </li> tags.

Proper List Item Formatting:

<li><b>list item</b></li>

 

Improper List Item Formatting:

<b><li>list item</li></b>

 

Ordered List

Example:

<ol>

<li>Item</li>

<li>Item</li>

<li>Item</li>

<li>Item</li>

<li>Item</li>

</ol>

Note: Creates a numbered list. Each list item, which should be surrounded by <li> and </li> tags, will be preceded by a sequential number.

You cannot type any HTML tags, or place any text between:

a <ol> tag and an <li> tag;

a </li> tag and a <li> tag;

a </li> tag and a </ol> tag.

However, it is permissible to press the ENTER key before an <li> tag and/or after a closing </li> tag, for readability purposes.

Formatting: Any formatting tags, such as the font, bold, and italic tags, must be placed between the <li> and </li> tags that surround each list item. It is not considered proper technique to try and format a list item with any formatting tag that appears outside of the <li> and </li> tags.

Proper List Item Formatting:

<li><b>list item</b></li>

 

Improper List Item Formatting:

<b><li>list item</li></b>

 

SPECIAL CHARACTER TAGS

These tags can be used to generate characters that have a special meaning in HTML (such as angle brackets and quote marks) or characters not ordinarily found on your keyboard (such as © — the copyright symbol). These special character tags must all be typed in lower case

Registered trademark &reg; ®

Trademark pending &trade; ™

Copyright &copy; ©

Degrees &deg; °

Accented e &eacute; é

Accented i &iacute; í

Space &nbsp;

Example:

© 2013 by Craig Power. All rights reserved.

 

Other characters

Note: A complete list of special characters can be found at:

http://www.w3schools.com/tags/ref_entities.asp

 

TABLE TAGS

Table tags create columns of text and graphics. These tags must be placed in between your <BODY> and </BODY> tags.

 

Table Formatting: Formatting tags, such as the font, bold, and italic tags, must appear inside the cells of your table, between the <td> and </td> tags. It is not considered proper technique to place formatting tags outside of the <td> and </td> tags.

 

 Proper Table Formatting:

<table>

<tr>

<td>

<b>

cell 1

</b>

</td>

<td>

<b>

cell 2

</b>

</td>

</tr>

</table>

 

Improper Table Formatting:

<b>

<table>

<tr>

<td>

cell 1

</td>

<td>

cell 2

</td>

<tr>

</table>

</b>

 

Define Table

<table border=”number” cellspacing=”number” cellpadding=”number” width=”number”>

(table rows and cells go here)

</table>

Note: the border attribute specifies the width of the lines surrounding the outside of your table (in pixels). It has no impact on the lines that surround each cell within a table. The only valid way to change the color of a table’s external border requires the use of CSS.

The cellspacing attribute specifies the space (in pixels) between cells.

The cellpadding attribute specifies the amount of space (in pixels) between the contents of a cell and the inside cell borders.

The width attribute (expressed in pixels or as a percent value) specifies the width of the table. Be aware that some netbook monitors (and older desktop computer monitors) cannot display tables wider than 800 pixels without scrolling.

<table border=”2″ cellspacing=”2″ cellpadding=”4″ width=”600″>

(table rows and cells go here)

</table>

 

Table Row

<tr> </tr>

Note: Creates a row in table. First <tr> tag must immediately follow first <table> tag. Last </tr> tag must immediately precede the final </table> tag. Every table must have at least one row.

Example:

<table border=”2″ cellspacing=”2″ cellpadding=”4″ width=”600″>

<tr>

(Table cells go here)

</tr>

</table>

 

Table Cell

<td> </td>

Note: Creates a column in a table. This tag is also known as the table data tag, because <td> cells are the only tags that can surround text or image data. Every row in a table must have at least one cell. Every row in a multi-row table must have the same number of cells.

Example:

<table border=”2″ cellspacing=”2″ cellpadding=”4″ width=”600″>

<tr>

<td>

(First column on first row)

</td>

<td>

(Second column on first row)

</td>

</tr>

<tr>

<td>

(First column on second row)

</td>

<td>

(Second column on second row)

</td>

</tr>

</table>

 

Cell Width

Note: The width attribute can be used to specify the width of a cell (in pixels or percent).

Example:

<table border=”0″ width=”600″>

<tr>

<td width=”200″>

(This column will be narrow)

</td>

<td width=”400″>

(This column will be wide)

</td>

</tr>

</table>

 

Cell Alignment

<td align=”right”>

<td align=”center”>

<td valign=”top”>

<td valign=”bottom”>

Note: The align parameter changes the horizontal alignment of text or graphics placed inside a cell (default=left). The valign parameter changes the vertical alignment of text or graphics placed inside a cell (default=middle). Both parameters can be used in one <td> tag.

Example:

<table border=”0″ width=”600″>

<tr>

<td valign=”top”>

(This column will be left aligned. The text will start at the top of the column.)

</td>

 

<td align=”center”>

(Text in this column will be centered horizontally. By default, it will also be centered vertically.)

</td>

<td align=”right” valign=”bottom”>

(Text in this column will be right-aligned. It will start at the bottom of the column.)

</td>

</tr>

</table>

 

Table Header

<th> </th>

Note: This pair of tags is the same as the <td> and </td> tags, except that any text placed between them will automatically be bolded and centered.

Example:

<table border=”1″ width=”400″>

<tr>

<th>

(Bold and centered text)

</th>

<th>

(Bold and centered text)

</th>

</tr>

<tr>

<td>

(Normal text)

</td>

<td>

(Normal text)

</td>

</tr>

</table>

 

Background Color

Note: You can use the bgcolor attribute (described earlier in this document) to change the color of cells, rows, or your entire table.

You can not use the body tag’s text, link, or vlink parameters in a table, however. If you want to color the text in your table, you will need to use the font color attribute as described earlier in this document.

Example:

<table bgcolor=”silver”> … </table>

<tr bgcolor=”blue”> … </tr>

<td bgcolor=”gray”> … </td>

<td bgcolor=”#FF0000″> … </td>

 

Center Table

Note: If you’d like to center your table horizontally, just insert an <align=”center”> attribute into the initial <table> tag.

Example:

<table align=”center”>

(rest of table goes here)

</table>

 

MISCELLANEOUS TAGS

 

Comment

<!– –>

Note: Anything placed inside this tag will not be displayed by a browser. This tag does not have a partner, and it can be used in the head or body of a web page.

Example:

<!– (This is a comment) –>

 

Formal Public Identifier (FPI)

Indicates version of HTML you are using (we are using the latest version of HTML, version 4.01 Transitional). This tag is required by some browsers, validators, and search engines. Place this tag at the beginning of your document, before the initial <html> tag.

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

 

 

 

1 reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>