RIO tunes: HTML Tunes

Showing posts with label HTML Tunes. Show all posts

8/31/2011

HTML Text Input Code

10:20 AM MD. RAKIBUL ISLAM OLY(R.I.O) No comments

<<Back to Main Menu

HTML Text Input

This page is about HTML text input. It is about how to enable your website visitors to input text within your web page.

To create an HTML text input field, you use the HTML <input> tag. You add type="text" in order to make it a text field. This is because the <input> tag can be used for other types of input too - such as a submit button.

Example Text Input Field:

Example:

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <form action="/html/tags/html_form_tag_action.cfm" method="get">First name:<br /> <input type="text" name="first_name" value="" maxlength="100" /><br /> <br /><br /> Last name:<br /> <input type="text" name="last_name" value="" maxlength="100" /><br /> <input type="submit" value="Submit" /><br /> </form><p style="font-size:10px;"><a href="http://www.quackit.com/html/codes/">HTML code</a></p><br />

The above code consists of a <form> tag containing two <input> fields: Two text input fields and one submit button. It also contains a break (<br />) after the first text input field (First name), so that the second input field (Last name) starts on a new line.

Multiple Lines of Text

The <input> tag isn't the only way of creating an HTML text input field. In fact, if you want your users to enter multiple lines of text, you should use the <textarea> tag.
The <textarea> tag is a specialized tag to allow multiple lines of text input.
Example:

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <form action="/html/tags/html_form_tag_action.cfm" method="post"><br />   Comments:<br /><br />   <textarea name="comments" id="comments"><br />   Hey... say something!<br />   </textarea><br /><br />   <input type="submit" value="Submit" /><br /> </form><br /> <p style="font-size:10px;"><a href="http://www.quackit.com/html/codes/">HTML code</a></p><br />

The "Action" Page

The above code assumes that there's an "action page" to process the contents of the form. In this example, "/html/tags/html_form_tag_action.cfm" is the server-side script that processes the form.
Action pages usually require some scripting knowledge to build, however, there are also plenty of free scripts available on the web.
Here's a form to email script that you can use for free. This page provides you with all the code you need to create a feedback form.

Further Details

This info aims to help you understand the above code, which consists mainly of HTML tags (or HTML elements).
The form tags contain other tags nested within them. These other tags define the actual form elements that appear within the form - such as the text area fields and the submit button.
You can use the following template as a basis for your HTML text input. Simply fill in the blanks or remove uneeded attributes.

1. The `<form>` Tag

For an explanation of all the attributes, see the HTML <form> tag specifications.



<form
	action=""
	method=""
	enctype=""
	accept-charset=""
	accept=""
	name=""
	class=""
	id=""
	dir=""
	lang=""
	target=""
	onSubmit=""
	onReset=""
	onclick=""
	ondbclick=""
	onmousedown=""
	onmouseup=""
	onmouseover=""
	onmousemove=""
	onmouseout=""
	onkeypress=""
	onkeydown=""
	onkeyup="" >

	(the individual form element tags go here - see below)

	</form>

2. The `<textarea>` Tag

This tag defines the comment box within the form.
For an explanation of all the attributes, see the HTML <textarea> tag specifications.



<textarea
	name=""
	rows=""
	cols=""
	class=""
	id=""
	dir=""
	lang=""
	title=""
	style=""
	readonly=""
	disabled=""
	tabindex=""
	onfocus=""
	onblur=""
	onselect=""
	onchange=""
	onclick=""
	ondbclick=""
	onmousedown=""
	onmouseup=""
	onmouseover=""
	onmousemove=""
	onmouseout=""
	onkeypress=""
	onkeydown=""
	onkeyup="" >

	(this is where the user can type comments and stuff)

</textarea>

3. The `<input>` Tag

This tag defines the input fields within the form. Input fields can consist of text, check boxes, radio buttons, submit buttons, and more.
For an explanation of all the attributes, see the HTML <input> tag specifications.



<input
	type=""
	name=""
	value=""
	size=""
	maxlength=""
	checked=""
	src=""
	class=""
	id=""
	dir=""
	lang=""
	title=""
	style=""
	align=""
	alt=""
	readonly=""
	disabled=""
	tabindex=""
	accesskey=""
	ismap=""
	usemap=""
	onfocus=""
	onblur=""
	onselect=""
	onchange=""
	onclick=""
	ondbclick=""
	onmousedown=""
	onmouseup=""
	onmouseover=""
	onmousemove=""
	onmouseout=""
	onkeypress=""
	onkeydown=""
	onkeyup="" />

<<Back to Main Menu

HTML Bold code

10:11 AM MD. RAKIBUL ISLAM OLY(R.I.O) No comments

<<Back to Main Menu

HTML Bold Code
This page contains various HTML bold codes - HTML codes for creating bold text.
There's more than one way in HTML to bold text. This can be slightly confusing - especially if you aren't familiar with HTML coding. However, once you get your head around it, you'll find that each method has its place, and you can - and probably should - use a combination of these whenever you want HTML bold text.

CSS Bold: `font-weight` Property

CSS provides the font-weight property to make your text bold.
Here's an example:

Example of CSS bold text...

...and now this whole paragraph is bold.

CSS Code:

<br /> <p>Example of <span style="font-weight:bold;">CSS bold</span> text...</p><p style="font-weight:bold;">...and now this whole paragraph is bold.</p>

You can also specify the "boldness factor" (instead of just specifying bold). In other words, you can apply different levels of boldness to different text. Plus you can even specify that text should not be bold. To learn more about this, read about the font-weight property.

The above example uses inline style sheets, however, I highly recommend learning how to use external style sheets and CSS classes, as this will enable you to apply your styles across your whole website in one go.

HTML Bold: `<b>` Tag

When most people think "HTML bold", they usually think of text that has been boldened using the HTML <b> tag.
Here's an example of creating "HTML bold" using the <b> tag:

Example of HTML bold text...
...and now this whole paragraph is bold.

HTML Code:

<br /> <p>Example of <b>HTML bold</b> text...</p><p><b>...and now this whole paragraph is bold.</b></p>

Using the HTML <b> tag is probably the quickest/easiest way to bold text, however, just because you want bold text, doesn't mean you should automatically use the HTML <b> tag everytime.

So Which "HTML Bold" Tag Should I Use?

The HTML specification includes several tags for presented boldened/emphasized/highlighted text. Each tag has its own special meaning.

The following table outlines the HTML tags in question:

HTML Tag	When to use this tag
`<b>`	Use on text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened.
`<em>`	This element represents stress emphasis of its contents. Use this tag whenever you want to place emphasis on a particular word or phrase.
`<h1>` to `<h6>`	Use these tags for defining different levels of headings.
`<mark>`	This element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. Use this tag when you want to highlight a particular word or phrase for reference purposes.
`<strong>`	This element represents strong importance for its contents. Use this tag whenever you want to convey importance for a particular word or phrase.

Here's what the HTML specification says about HTML bold and other emphasized/highlighted text:

The <b> element should be used as a last resort when no other element is more appropriate. In particular, headings should use the <h1> to <h6> elements, stress emphasis should use the <em> element, importance should be denoted with the <strong> element, and text marked or highlighted should use the <mark> element

Combining CSS Bold and HTML Bold

Actually, a combination of CSS and HTML is often the best way to bold text in HTML documents.
You should use HTML to define the meaning of the marked up text, then use CSS to define the way that the text looks.
As the HTML specification says:

Style sheets can be used to format <b> elements, just like any other element can be restyled. Thus, it is not the case that content in <b> elements will necessarily be boldened.

<<Back to Main Menu

HTML Scrolling Text

9:41 AM MD. RAKIBUL ISLAM OLY(R.I.O) No comments

<<Main Menu

HTML Scrolling Text

This page contains copy/paste codes for scrolling text.
The easiest way to create scrolling text is to use the HTML <marquee> tag. You give your text a horizontal scroll (from right to left, left to right) or a vertical scroll (top to bottom, or bottom to top) - it's your choice!

Note that, although the <marquee> tag isn't an offical HTML tag, it is recognized by most of today's browsers. If you can't view the examples, it's likely that your browser doesn't support the <marquee> tag.

Right to Left (RTL)

This section contains text that scrolls horizontally (right to left, left to right, or a combination). As you can see, there are a number of options with your horizontal scroll.

Slide-In Text

This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.
Example:

Your slide-in text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee><br />

Continuous scrolling text (RTL)

Example:

Your continuous scroll text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left">Your continuous scroll text goes here</marquee><br />

Faster Scrolling

This example uses scrollamount="30" to increase the scroll speed.

Faster scrolling works better on continuous scrolling as opposed to slide-in text. This is because slide-in text stops after sliding in. If it slides in too fast, many users might miss the slide-in effect altogether.

Example:

Your continuous scrollable text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left" scrollamount="30">Your continuous scrollable text goes here</marquee><br />

Left to Right (LTR)

Slide-In Text

This text slides in from the left, then stays where it is. You will need to refresh this page to see the effect again.
Example:

Your slide-in text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="slide" direction="right">Your slide-in text goes here</marquee><br />

Continuous scrolling text (LTR)

Example:

Your continuous scrolling text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="right">Your continuous scrolling text goes here</marquee><br />

Faster Scrolling

This example uses scrollamount="30" to increase the scroll speed.
Example:

Your continuous scrolling text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="right" scrollamount="30">Your continuous scrolling text goes here</marquee><br />

Text bouncing back and forth:

Normal Speed

This text bounces at the default speed.
Example:

Your bouncing text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="alternate">Your bouncing text goes here</marquee><br />

Faster Bounce

This example uses scrollamount="30" to speed up the scrolling/bouncing text.
Example:

Your fast bouncing text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="alternate" scrollamount="30">Your fast bouncing text goes here</marquee><br />

Text Scrolling Up:

This text has a vertical scroll - it starts at the bottom and moves up. As with some of the previous examples, you can adjust the scroll speed by using the scrollamount attribute. You could also create a vertical slide by using behavior="slide".
Example:

Your upward scrolling text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br />

Text Scrolling Down:

This text also has a vertical scroll, but this time it starts at the top and moves down.
Example:

Your downward scroller text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee  behavior="scroll" direction="down">Your downward scroller text goes here</marquee><br />

Various Scrolling Speeds:

This example demonstrates 3 different scrolling speeds.
Example:

Tortoise
Hare
Cheetah

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="right" scrollamount="1">Tortoise</marquee><br /> <marquee behavior="scroll" direction="right" scrollamount="10">Hare</marquee><br /> <marquee behavior="scroll" direction="right" scrollamount="20">Cheetah</marquee><br />

Jumping Text

The following example uses the scrolldelay attribute to slow the scrolling text down and make it look like it's jumping across the screen. Actually, the example also uses the scrollamount attribute to increase the size of each jump.

Example:

Your continuous scroll text goes here

Code:

<br /> <!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left" scrollamount="80" scrolldelay="500">Your continuous scroll text goes here</marquee><br />

Marquee Attributes

The <marquee> tag accepts a number of attributes (some of which are included in the above examples). Feel free to experiment with these settings to see the effect they have on your scrolling text. The full list of attributes are:

`width`	Sets the width of the marquee	`scrollamount`	How far to jump as it moves
`height`	Sets the height of the marquee	`loop`	How many times it should loop
`direction`	Sets the direction of the marquee	`bgcolor`	Sets the background color of the marquee
`behavior`	Whether to slide, bounce, or scroll	`hspace`	Sets the amount of horizontal space around the marquee
`scrolldelay`	How long the marquee should wait before each jump	`vspace`	Sets the amount of vertical space around the marquee

Falling Text

You can use scrolling text for some great effects. Check out this falling text (generated with the Falling Text Generator).

Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...Scrolling text effects...

<<Main Menu

HTML Lists Code

9:05 AM MD. RAKIBUL ISLAM OLY(R.I.O) No comments

HTML Lists Code
This page contains examples of HTML lists - examples of list-specific code that you can use for your own website.
To use the code, copy it straight from the text box and paste it into your own website. Feel free to modify it as required.

Some examples may not display properly. This will depend on your browser/user agent.

Description	Code	Result
Ordered List (numbered list)	<br /> <!-- HTML codes by Quackit.com --><br /> <ol><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ol><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Unordered List (unnumbered list)	<br /> <!-- HTML codes by Quackit.com --><br /> <ul><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Definition List	<br /> <!-- HTML codes by Quackit.com --><br /> <dl><br /> <dt>Term 1</dt><br /> <dd>Definition of term 1</dd><br /> <dt>Term 2</dt><br /> <dd>Definition of term 2</dd><br /> </dl><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	Term 1 Definition of term 1 Term 2 Definition of term 2
Images as Bullets	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-image:url(http://www.quackit.com/pix/printer_icon.gif);"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'disc'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:disc;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'circle'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:circle;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'square'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:square;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'decimal'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:decimal;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'decimal-leading-zero'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:decimal-leading-zero;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'lower-roman'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:lower-roman;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'upper-roman'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:upper-roman;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'lower-greek'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:lower-greek;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'lower-alpha'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:lower-alpha;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'lower-latin'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:lower-latin;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'upper-alpha'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:upper-alpha;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'upper-latin'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:upper-latin;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'hebrew'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:hebrew;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'armenian'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:armenian;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'gregorian'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:gregorian;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'cjk-ideographic'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:cjk-ideographic;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'hiragana'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:hiragana;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'katakana'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:katakana;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'hiragana-iroha'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:hiragana-iroha;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'katakana-iroha'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:katakana-iroha;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'none'	<br /> <!-- HTML codes by Quackit.com --><br /> <ul style="list-style-type:none;"><li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p><br />	List item 1 List item 2 List item 3

www.RioTunes.blogspot.com

HTML Text Code

8:57 AM MD. RAKIBUL ISLAM OLY(R.I.O) No comments

HTML Font Code

The following font code sets common properties such as font size, line height, font family, and font color. Here are some more colors to choose from.

<br /> <!-- HTML codes by Quackit.com - hope to see you again soon! --><br /> <p style="font: 14pt/20pt Garamond, Georgia, serif;color:#ff9900;">This font is 14pt, the line height is 20pt, it's color is orange, and the font family will be 'Garamond'. If the user's computer doesn't have 'Garamond', it will use 'Georgia'. Failing that it will use the default 'serif' font on the user's computer (this is often 'Times' or 'Times Roman' - just leave it as 'serif'). You can also specify <span style="font-weight:bold;">bold text</span> and <span style="font-style:italic">italics</span> if you wish!</p>