
Design | Optimisation | Copywriting
Multimedia | Design Tutorial | Usability
Portfolio | Appraisal | Prices | Design Faq
Development | Marketing | Non Profit
E-commerce | Optimisation Tutorial
Rankings | Promotion | Optimisation Faq
Design Styles | Search Engines | HTML
![]()
HTML Caption Tag: <CAPTION> and </CAPTION>
This tag produces a caption for a table. The <CAPTION> tags must appear inside the main <TABLE> definition but not inside the table rows or cells. <CAPTION> accepts an alignment attribute that defaults to ALIGN=top but can also be ALIGN=bottom.
For example:
<TABLE> <CAPTION ALIGN=top> This is the table heading </CAPTION>
HTML Center Tag: <CENTER> and </CENTER>
All text, images and other objects enclosed by the <CENTER> tag are centred between the current left and right margins.
HTML Source Code Tag: <CODE> and </CODE>
The <CODE> tag indicates that the enclosed text is document source code or operating system commands, and is typically used for providing instructions; for example:
At the UNIX prompt, type <CODE> Is-al </CODE>
HTML Definition List Data Tag: <DD> and </DD>
This tag indicates a definition in a definition list ( see <DL> and <DT> tags ), for example:
<DL> <DD> This is a sample definition </DD> </DL>
HTML Definition List: <DL> and </DL>
A definition list is a list of terms and corresponding definitions. Definition lists are typically formatted with the word or phrase at the left margin with the definition, formatted paragraph style, indented after the term. For example:
<DL>
<DT> Term 1 </DT> <DD> This is the definition of the first term </DD>
<DT> Term 2 </DT> <DD> This is the definition of the second term </DD>
</DL>
HTML Definition List Title Tag: <DT> and </DT>
This tag indicates a title in a definition list ( see <DL> and <DD> tags ), for example:
<DL> <DT> This is the sample title </DT> </DL>
HTML Emphasis Tag: <EM> and </EM>
The emphasis tag indicates typographic emphasis of the enclosed text in the form of italics and is therefore similar to the italics tag <I>. For example the following code:
This is a <EM> great </EM> tutorial.
would display like this: This is a great tutorial.
HTML Font Size Tag: <FONT SIZE=VALUE>
This tag is used to specify the font size of the following text. Valid values range from 1-7, the default being 3. The value can optionally have a plus or minus ahead of it to specify that it is relative to the document <BASEFONT> tag.
HTML Form Tag: <FORM> and </FORM>
This tag is used to define a data input form and it has the following main attributes:
ACTION: This specifies the URL to which the form contents is to be sent.
METHOD: This attribute specifies what should be done with the form, and can be either GET, which sends the information to the URL specified by the ACTION attribute, or POST, which enables an HTTP upload to be performed.
A typical example might be:
<'FORM ACTION="http//www.netscape.com/cgi-bin/get.cgi" METHOD="GET">
The contents of the form, when presented to the URL, consist of name and value pairs. The names are values given to the NAME attributes of the various interactive elements in the form. The <FORM> tag typically encloses a number of <INPUT> tags, which supports text boxes, password boxes, radio buttons and check boxes. See also the <SELECT> tag, which inserts a drop down menu in a form.
HTML Frame Tag: <FRAME>
Frames allow a single web browser to be divided into several different areas, each of which can display a different web page. Frames might typically be used to display a static table of contents in one frame while the user is allowed to scroll through the main body of a document in another frame. The <FRAME> tag supports the following attributes:
SRC: Specifies the URL of the HTML document to be shown in the frame.
SCROLLING: This attribute indicates if the frame is to have a scroll bar or not.
MARGINHEIGHT: Optionally specifies the height of the frame in pixels.
MARGINWIDTH: Optionally specifies the width of the frame in pixels.
The following is a typical example of the frame tag:
<FRAME SRC="http//www.netscape.com/mypage.HTML SCROLLING="yes">
HTML Frame Set-up Tag: <FRAMESET> and </FRAMESET>
A page that produces a frame layout does not have a <BODY>; rather it has a <FRAMESET> tag, which has no other purpose than to specify frames. The <FRAME> tag must be used in conjunction with the <FRAMESET> tag, which may have the following attributes:
COLS: This attribute specifies a list of column widths for successive frames separated by commas. By default, the frame widths are specified as a number of pixels. Alternatively, a percent sign ( % ) after the number can be used to indicate a percentage of the available window width.
ROWS: Similar to the COLS attribute except it refers to the frame's heights.
A typical example of the <FRAMESET> tag might be as follows:
<FRAMESET COLS="40%,60%" ROWS=500,400> </FRAMESET>
The following HTML code creates two equal, vertical frames side-by-side:
<HTML>
<HEAD>
<TITLE> An example of the use of frames </TITLE>
</HEAD>
<FRAMESET COLS ="50%, 50%">
<FRAME SRC = "frame1.HTML">
<FRAME SRC = "frame2.HTML">
</HTML>
When creating a website using multimedia applications like Flash or Shockwave, it should be noted that any search engine optimisation work carried out on the site could be rendered ineffective.
When there are new technologies being developed almost every day, many website designers are eager to make use of them to demonstrate their abilities, when in reality there is more to be said for the tried and tested techniques and simplistic approach we advocate.
All of the major search engines utilize an algorithm to establish the position - or ranking - of each individual website and specific criteria that every site must meet to get to the top of the list, and even though this criteria may alter within each engine, they share several basic fundamentals.
Where high rankings will give your business maximum exposure in the world's most popular market place, SEO copywriting should be the most important aspect of any website development project.