The following are some basic HTML Tags you can use within a Text Box on your site. Whatever is italicized within the following Tags, is/are the attribute(s) of your choosing: BOLD = <b> ITALICS = <i> UNDERLINE = <u> FONT
COLOR = <font color="color name or hex code"> FONT SIZE = <font size="number, e.g. 2, 3"> FONT FACE = <font face="type">
Use common fonts since not all computers/browsers will have all fonts available, e.g., arial, verdana, etc. ALIGN PARAGRAPH = <p align="center, right, left">
UN-NUMBERED LIST = <ul> NUMBERED/ORDERED LIST = <ol> To assign letters or Roman numerals to the bullets rather than numbers, use <ol type="A,a,I">
BULLET within a NUMBERED/ORDERED list = <li>
PARAGRAPH = <p>
BREAK = <br>
BLOCK QUOTE = <block> This will indent a line or paragraph of text.
REGISTERED MARK = ®
TRADEMARK = ™
END BOLD = </b> END ITALICS = </i> END
UNDERLINE = </u> END FONT COLOR = </font> END FONT SIZE = </font> END FONT FACE = </font>
END ALIGNMENT = </center, right, left> END UN-NUMBERED LIST = </ul> END NUMBERED/ORDERED LIST = </ol>
The "list" is ended rather than the bullets
END PARAGRAPH = </p>
This does not require an "end" tag since it will simply move whatever text follows it, to the next line, and does not actually change the text. You can use the break after each item in an
"Un-Numbered" list in place of the "Bullet" code of <li>.
END BLOCK QUOTE = </block>
This is placed next to the Registered name (with no space). Ex. Microsoft®
This is placed next to the Trademark name (with no space). Ex. Microsoft™
SPACING = This code will give you one space by hitting the spacebar one time after the semicolon. To add multiple spaces, you will need to type the code after your text, hit the spacebar once, type the code again, hit the spacebar once, and so on, to give you as many spaces as you need. The one thing to note about this code is that once you have typed it into a Text Box, and hit UPDATE, you will no longer be able to see the code when that Text Box is accessed again.
You must always have a left and right Angle Bracket <>. You must always place attributes within quotes, e.g., <font size="3"> You must always "end" the HTML code after the text you are changing, e.g., </font>.
- If you want to bold the word "WIN" in the following sentence, then you would code as follows: Register now to <b>WIN</b> a prize. This displays: Register now to WIN a prize.
- If you want to "bold" and "italicize" the word "WIN", you would code as follows:
Register now to <b><i>WIN</b></i> a prize. This displays: Register now to WIN a prize.
- If you want to change the "font size" of "WIN", you would code as follows:
Register now to <font size="3">WIN</font> a prize. This displays: Register now to
WIN
a prize. - If you want to change the "font face" and "font size" and "font color" of "WIN", you would code as follows:Register now to <font face="verdana" size="3" color="red"> WIN</font> a prize. This displays: Register now to WIN a prize.
Whether you want to change the look of an entire paragraph, a few words, or one single word, you will always place the HTML beginning Tag with the desired attributes in front of the text to be changed, and the ending Tag after the text that is to be changed.
- If you want to create an Un-Numbered list, you would code as follows:
Register for the following prizes:<ul><li>Saddlebags<li>Sunglasses<li>Helmet</ul> This will display:
Register for the following prizes:
Saddlebags
Sunglasses
Helmet
- If you want to create a numbered list, you would code as follows:
Register for the following prizes:<ol><li>Saddlebags<li>Sunglasses<li>Helmet</ol> This will display:
Register for the following prizes: 1. Saddlebags
2. Sunglasses 3. Helmet
- If you want to create an ordered list using alpha characters, you would code as follows:
Register for the following prizes:<ol type="A"><li>Saddlebags<li>Sunglasses<li>Helmet</ol> This will display:
Register for the following prizes: A. Saddlebags
B. Sunglasses C. Helmet
Links can be placed anywhere within a string of text. You will always place the <a href> code prior to the
word/words being used as the link. As in the following links, the reference code is typed with the e-mail address or web page to be linked to, along with the actual word/words that the user will click-on to access the e-mail or web page, placed after the closing > bracket and prior to the </a>.
Any italicized text below will be what you need to fill in.
EMAIL LINK =
Click on the following e-mail address to contact us: <a href="mailto: [email protected]" class="dealer_default_inverted_link">[email protected]</a>
(The class="dealer_default_inverted_link" will make your link the same color as other links on your site, rather than allowing a user’s browser to determine the color.)
This will display: Click on the following e-mail address to contact us: [email protected].
TEXT LINK to Web Page =
<a href="http://www.powersportsnetwork.com/vehicles,asp" class="dealer_default_inverted_link" target="new">Click here</a> to access new vehicles.
This will display: Click here to access new vehicles.
When the user clicks on "Click here", they will be taken to the web page identified above. This link could be a page within your own web site, or another site all together. It is best to access the page you want to link to, and then copy and paste the exact web link into your code between the quotes.
(The class="dealer_default_inverted_link" will make your link the same color as other links on your site, rather than allowing a user’s browser to determine the color. The target="new" will open another window for the user when accessing the desired link, allowing them to close the window later without closing out your site.)
TEXT LINK to Document =
Click <a href="images/dealerurl/docname.pdf" class="dealer_default_inverted_link" target="new">here</a> to access contest rules.
This will display: Click here to access contest rules.
If you want to link to a document rather than a web page or e-mail address, you will need to have the document in a PDF format. You can contact us for help with this process, as well as loading of the PDF to your Dealer Image Directory prior to using the above code.
EMBEDDING IMAGES WITHIN TEXT =
<img src=”images/dealerurl/imagename.gif(or jpg)” border=”0”>