Html tag note

"ComputerOutput" Tags

Tag	Description
<code>	Defines computer code text
<kbd>	Defines keyboard text
<samp>	Defines sample computer code
<var>	Defines a variable
<pre>	Defines preformatted text

Citations,Quotations, and Definition Tags

<abbr>	Defines an abbreviation or acronym
<address>	Defines contact information for the author/owner of a document
<bdo>	Defines the text direction
<blockquote>	Defines a section that is quoted from another source
<q>	Defines an inline (short) quotation
<cite>	Defines the title of a work The Scream by Edward Munch. Painted in 1893.
<dfn>	Defines a definition term

TextFormatting Tags

Tag	Description
<b>	Defines bold text
<em>	Defines emphasized text
<i>	Defines a part of text in an alternate voice or mood
<small>	Defines smaller text
<strong>	Defines important text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<mark>	Defines marked/highlighted text

<p><bdodir="ltr">This paragraph will go left-to-right.</bdo></p> 

<p><bdodir="rtl">This paragraph will goright-to-left.</bdo></p>

Html Links: (users can click page to page).

The HTML<a> tag defines a hyperlink. a=a hyperlink.

<a href =http://www.google.ca>linktext</a>

Linktext can bean image or any other HTML element

Target attribute: if it is “_blank” it will open thelinked document in a new browser window or new table. <a href=”http://www.google.ca” target = “_blank”>link in a new table</a>

HTML Links- The id Attribute

The id attribute can be used to create a bookmark inside an HTMLdocument.

Tip: Bookmarks are not displayed in any special way. They are invisible to thereader.

Example

An anchor with an id inside an HTML document:

<aid="tips">Useful Tips Section</a>

Create a link to the "Useful Tips Section" inside the samedocument:

<ahref="#tips">Visit the Useful Tips Section</a>

Or, create a link to the "Useful Tips Section" from anotherpage:

<ahref="http://www.w3schools.com/html_links.htm#tips">Visit theUseful Tips Section</a>

 

Note: Alwaysadd a trailing slash to subfolder references. If you link like this:href="http://www.w3schools.com/html", you will generate two requeststo the server, the server will first add a slash to the address, and thencreate a new request like this:href="http://www.w3schools.com/html/".

 

 

Img link:

 

<p>Create a link of an image:

<a href="default.asp">

<img src="smiley.gif"alt="HTML tutorial" width="32"height="32"></a></p>

<p>No border around the image, butstill a link:

<a href="default.asp">

<img border="0"src="smiley.gif" alt="HTML tutorial" width="32"height="32"></a></p>

Bookmarklink same page:

<p><a href="#C4">Seealso Chapter 4.</a></p>

<h2>Chapter 1</h2>

<p>This chapter explains ba blabla</p>

<h2>Chapter 2</h2>

<p>This chapter explains ba blabla</p>

<h2>Chapter 3</h2>

<p>This chapter explains ba blabla</p>

<h2><aid="C4">Chapter 4</a></h2>

<p>This chapter explains ba blabla</p>

???????Breakout of a Frame??????

Createa mailto Link

<p>This is an email link:

<a href="mailto:someone@example.com?Subject=Hello%20again"target="_top">Send Mail</a>

Que: Why %20 and Why target???

 

Another mailto style:

<p>This is another mailto link:

<ahref="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!"target="_top">Send

 mail!</a></p>

 

Powered By Myself