The <ul> html tag
Overview
The <ul> HTML tag is used to specify an unordered list. It works in the same way as the <ol> tag but by default shows each list item with a bullet point instead of a number. This can be styled with CSS. The <ul> tag is used to indicate the whole list. Within this tag each list item is listed using the <li> HTML tag. This can also be used in conjuction with the <a> HTML tag and is the accepted way to define navigation links over table based HTML layout options. It works equally as well in table based layouts as well as CSS based ones. When text is put between the opening and closing <ul> tag it is displayed as a table caption text.
Basic Usage
<ul>Some unordered list text in here</ul>
Any text between the opening and closing tag will be displayed as unordered list text.
Advance Usage
It is possible to style and add functionality to the <ul> tag, this is done by adding an attribute to after the ul in the opening <ul> tag
Attributes allowed for the <ul>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<ul id=”header”>Some unordered list text</ul>
With all attributes there is a space after the initial ul then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <ul> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <ul> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<ul>Some unordered list text</ul> – basic usage example.
<ul id=”header>Some unordered list text</ul> – unordered list text which is styled by the id header.
<ul class=”headerclass”> Some unordered list text </ul> – unordered list text which is styled by the class headerclass.
<ul id =”header” class=”headerclass”> Some unordered list text </ul> – unordered list text which is styled by the class headerclass and the id header.
<ul style="color:#F00">Some unordered list text</ul> – unordered list text which has a custom colour of red.
<ul dir="rtl">Some unordered list text</ul> – unordered list text where the text reads from right to left.
<ul lang="uk">Some unordered list text</ul> – unordered list text where the language has been tagged as UK.
<ul title="ptitle">Some unordered list text</ul> – unordered list text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <ul> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <caption> html tag
Overview
The <caption> HTML tag is used to specify a title for a HTML Table. It can only be used once per table and the <caption> tag must appear immediately after the <table> tag. It works equally as well in table based layouts as well as CSS based ones. When text is put between the opening and closing <caption> tag it is displayed as a table caption text.
Basic Usage
<caption>Some table caption text in here</caption>
Any text between the opening and closing tag will be displayed as table caption text.
Advance Usage
It is possible to style and add functionality to the <caption> tag, this is done by adding an attribute to after the caption in the opening <caption> tag
Attributes allowed for the <caption>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<caption id=”header”>Some table caption text</caption>
With all attributes there is a space after the initial caption then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <caption> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <caption> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<caption>Some table caption text</caption> – basic usage example.
<caption id=”header>Some table caption text</caption> – table caption text which is styled by the id header.
<caption class=”headerclass”> Some table caption text </caption> – table caption text which is styled by the class headerclass.
<caption id =”header” class=”headerclass”> Some table caption text </caption> – table caption text which is styled by the class headerclass and the id header.
<caption style="color:#F00">Some table caption text</caption> – table caption text which has a custom colour of red.
<caption dir="rtl">Some table caption text</caption> – table caption text where the text reads from right to left.
<caption lang="uk">Some table caption text</caption> – table caption text where the language has been tagged as UK.
<caption title="ptitle">Some table caption text</caption> – table caption text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <caption> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <s> html tag
Overview
The <s> HTML tag is mainly used to style text it has the same functionality as the <strike> HTML tag. By default it displays text as with a strikethrough line through it which is ideal for showing corrections or previous amended text. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <s> tag it is displayed as a strikethrough text.
Basic Usage
<s>Some strikethrough text in here</s>
Any text between the opening and closing tag will be displayed as strikethrough text.
Advance Usage
It is possible to style and add functionality to the <s> tag, this is done by adding an attribute to after the strike in the opening <s> tag
Attributes allowed for the <s>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<s id=”header”>Some strikethrough text</s>
With all attributes there is a space after the initial strike then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <s> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <s> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<s>Some strikethrough text</s> – basic usage example.
<s id=”header>Some strikethrough text</s> – strikethrough text which is styled by the id header.
<s class=”headerclass”> Some strikethrough text </s> – strikethrough text which is styled by the class headerclass.
<s id =”header” class=”headerclass”> Some strikethrough text </s> – strikethrough text which is styled by the class headerclass and the id header.
<s style="color:#F00">Some strikethrough text</s> – strikethrough text which has a custom colour of red.
<s dir="rtl">Some strikethrough text</s> – strikethrough text where the text reads from right to left.
<s lang="uk">Some strikethrough text</s> – strikethrough text where the language has been tagged as UK.
<s title="ptitle">Some strikethrough text</s> – strikethrough text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <s> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <strike> html tag
Overview
The <strike> HTML tag is mainly used to style text. By default it displays text as with a strikethrough line through it which is ideal for showing corrections or previous amended text. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <strike> tag it is displayed as a strikethrough text.
Basic Usage
<strike>Some strikethrough text in here</strike>
Any text between the opening and closing tag will be displayed as strikethrough text.
Advance Usage
It is possible to style and add functionality to the <strike> tag, this is done by adding an attribute to after the strike in the opening <strike> tag
Attributes allowed for the <strike>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<strike id=”header”>Some strikethrough text</strike>
With all attributes there is a space after the initial strike then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <strike> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <strike> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<strike>Some strikethrough text</strike> – basic usage example.
<strike id=”header>Some strikethrough text</strike> – strikethrough text which is styled by the id header.
<strike class=”headerclass”> Some strikethrough text </strike> – strikethrough text which is styled by the class headerclass.
<strike id =”header” class=”headerclass”> Some strikethrough text </strike> – strikethrough text which is styled by the class headerclass and the id header.
<strike style="color:#F00">Some strikethrough text</strike> – strikethrough text which has a custom colour of red.
<strike dir="rtl">Some strikethrough text</strike> – strikethrough text where the text reads from right to left.
<strike lang="uk">Some strikethrough text</strike> – strikethrough text where the language has been tagged as UK.
<strike title="ptitle">Some strikethrough text</strike> – strikethrough text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <strike> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <cite> html tag
Overview
The <cite> HTML tag is known as a phrase tag, it is mainly used to style text. By default it displays text as italic which is ideal for showing a quotation or citation. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <cite> tag it is displayed as a citation text.
Basic Usage
<cite>Some citation text in here</cite>
Any text between the opening and closing tag will be displayed as citation text.
Advance Usage
It is possible to style and add functionality to the <cite> tag, this is done by adding an attribute to after the cite in the opening <cite> tag
Attributes allowed for the <cite>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<cite id=”header”>Some citation text</cite>
With all attributes there is a space after the initial cite then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <cite> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <cite> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<cite>Some citation text</cite> – basic usage example.
<cite id=”header>Some citation text</cite> – citation text which is styled by the id header.
<cite class=”headerclass”> Some citation text </cite> – citation text which is styled by the class headerclass.
<cite id =”header” class=”headerclass”> Some citation text </cite> – citation text which is styled by the class headerclass and the id header.
<cite style="color:#F00">Some citation text</cite> – citation text which has a custom colour of red.
<cite dir="rtl">Some citation text</cite> – citation text where the text reads from right to left.
<cite lang="uk">Some citation text</cite> – citation text where the language has been tagged as UK.
<cite title="ptitle">Some citation text</cite> – citation text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <cite> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <kbd> html tag
Overview
The <kbd> HTML tag is known as a phrase tag, it is mainly used to style text. By default it displays text in a fixed width font which is ideal for showing what is expected to be entered by a user. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <kbd> tag it is displayed as a keyboard text.
Basic Usage
<kbd>Some keyboard text in here</kbd>
Any text between the opening and closing tag will be displayed as keyboard text.
Advance Usage
It is possible to style and add functionality to the <kbd> tag, this is done by adding an attribute to after the p in the opening <kbd> tag
Attributes allowed for the <kbd>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<kbd id=”header”>Some keyboard text</kbd>
With all attributes there is a space after the initial p then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <kbd> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <kbd> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<kbd>Some keyboard text</kbd> – basic usage example.
<kbd id=”header>Some keyboard text</kbd> – keyboard text which is styled by the id header.
<kbd class=”headerclass”> Some keyboard text </kbd> – keyboard text which is styled by the class headerclass.
<kbd id =”header” class=”headerclass”> Some keyboard text </kbd> – keyboard text which is styled by the class headerclass and the id header.
<kbd style="color:#F00">Some keyboard text</kbd> – keyboard text which has a custom colour of red.
<kbd dir="rtl">Some keyboard text</kbd> – keyboard text where the text reads from right to left.
<kbd lang="uk">Some keyboard text</kbd> – keyboard text where the language has been tagged as UK.
<kbd title="ptitle">Some keyboard text</kbd> – keyboard text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <kbd> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <samp> html tag
Overview
The <samp> HTML tag is known as a phrase tag, it is mainly used to style text. By default it displays text in a fixed width font which is ideal for displaying parts of programming code. Its use is almost identical to the <code> HTML tag. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <samp> tag it is displayed as a sample text.
Basic Usage
<samp>Some sample text in here</samp>
Any text between the opening and closing tag will be displayed as a sample text.
Advance Usage
It is possible to style and add functionality to the <samp> tag, this is done by adding an attribute to after the p in the opening <samp> tag
Attributes allowed for the <samp>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<samp id=”header”>Some sample text</samp>
With all attributes there is a space after the initial p then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <samp> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <samp> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<samp>Some sample text</samp> – basic usage example.
<samp id=”header>Some sample text</samp> – sample text which is styled by the id header.
<samp class=”headerclass”> Some sample text </samp> – sample text which is styled by the class headerclass.
<samp id =”header” class=”headerclass”> Some sample text </samp> – sample text which is styled by the class headerclass and the id header.
<samp style="color:#F00">Some sample text</samp> – sample text which has a custom colour of red.
<samp dir="rtl">Some sample text</samp> – sample text where the text reads from right to left.
<samp lang="uk">Some sample text</samp> – sample text where the language has been tagged as UK.
<samp title="ptitle">Some sample text</samp> – sample text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <samp> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <code> html tag
Overview
The <code> HTML tag is known as a phrase tag, it is mainly used to style text. By default it displays text in a fixed width font which is ideal for displaying samples of programming code. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <code> tag it is displayed as a code text.
Basic Usage
<code>Some code text in here</code>
Any text between the opening and closing tag will be displayed as a code text.
Advance Usage
It is possible to style and add functionality to the <code> tag, this is done by adding an attribute to after the p in the opening <code> tag
Attributes allowed for the <code>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<code id=”header”>Some code text</code>
With all attributes there is a space after the initial p then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <code> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <code> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<code>Some code text</code> – basic usage example.
<code id=”header>Some code text</code> – code text which is styled by the id header.
<code class=”headerclass”> Some code text </code> – code text which is styled by the class headerclass.
<code id =”header” class=”headerclass”> Some code text </code> – code text which is styled by the class headerclass and the id header.
<code style="color:#F00">Some code text</code> – code text which has a custom colour of red.
<code dir="rtl">Some code text</code> – code text where the text reads from right to left.
<code lang="uk">Some code text</code> – code text where the language has been tagged as UK.
<code title="ptitle">Some code text</code> – code text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <code> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <dfn> html tag
Overview
The <dfn> HTML tag is known as a phrase tag, it is mainly used to style text. By default it makes text italic to illustrate that the tag text is a definition. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <dfn> tag it is displayed as a definition text.
Basic Usage
<dfn>Some definition text in here</dfn>
Any text between the opening and closing tag will be displayed as a definition text.
Advance Usage
It is possible to style and add functionality to the <dfn> tag, this is done by adding an attribute to after the p in the opening <dfn> tag
Attributes allowed for the <dfn>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<dfn id=”header”>Some definition text</dfn>
With all attributes there is a space after the initial p then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <dfn> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <dfn> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<dfn>Some definition text</dfn> – basic usage example.
<dfn id=”header>Some definition text</dfn> – definition text which is styled by the id header.
<dfn class=”headerclass”> Some definition text </dfn> – definition text which is styled by the class headerclass.
<dfn id =”header” class=”headerclass”> Some definition text </dfn> – definition text which is styled by the class headerclass and the id header.
<dfn style="color:#F00">Some definition text</dfn> – definition text which has a custom colour of red.
<dfn dir="rtl">Some definition text</dfn> – definition text where the text reads from right to left.
<dfn lang="uk">Some definition text</dfn> – definition text where the language has been tagged as UK.
<dfn title="ptitle">Some definition text</dfn> – definition text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <dfn> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
The <strong> html tag
Overview
The <strong> HTML tag is known as a phrase tag, it is mainly used to style text. By default it makes text bold to emphasize the look of the tagged text. It is often used in replacement for the b tag. In SEO terms it helps with keyword optimisation, but it is unkown if it is more, less or equally effective as using the b tag. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <strong> tag it is displayed as a strong text.
Basic Usage
<strong>Some strong text in here</strong>
Any text between the opening and closing tag will be displayed as a strong text.
Advance Usage
It is possible to style and add functionality to the <strong> tag, this is done by adding an attribute to after the p in the opening <strong> tag
Attributes allowed for the <strong>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<strong id=”header”>Some strong text</strong>
With all attributes there is a space after the initial p then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <strong> tag may use either the id or class as an atribute.
The attribute style allows you to include css style information for a single <strong> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document
Examples
<strong>Some strong text</strong> – basic usage example.
<strong id=”header>Some strong text</strong> – strong text which is styled by the id header.
<strong class=”headerclass”> Some strong text </strong> – strong text which is styled by the class headerclass.
<strong id =”header” class=”headerclass”> Some strong text </strong> – strong text which is styled by the class headerclass and the id header.
<strong style="color:#F00">Some strong text</strong> – strong text which has a custom colour of red.
<strong dir="rtl">Some strong text</strong> – strong text where the text reads from right to left.
<strong lang="uk">Some strong text</strong> – strong text where the language has been tagged as UK.
<strong title="ptitle">Some strong text</strong> – strong text where the tag has been titled ptitle.
Final Thoughts
Touching on just the surface of the <strong> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.
