Go Back   UG Community @ Ultimate-Guitar.Com > Misc > UG Contribution
User Name  
Password
Search:

Closed Thread
Old 03-05-2009, 09:56 AM   #1
Colohue
UG Writer
 
Colohue's Avatar
 
Join Date: Dec 2006
Location: Blackpool, England
Article HTML Guide

The lessons and columns on this website use HTML coding in order to establish their layout. Due to this, being able to capably put your own HTML coding into your work can give you exactly the layout you desire, while also saving the editors a lot of time because they won't have to do it themselves. Layout is important. It allows you to emphasise certain points and titles, include hyperlinks and images, as well as insert tabs and bullet points. This will be a small guide on using HTML in your articles, like you would in a forum post.

First, a small note on the upcoming thread post. I will be using html against BBcode, which is what these forums use. I will not be able to use the actual BBcode, so I will be putting spaces between the '[' and ']' tags, and the content. This will ensure that the tags are not used, and therefore visible.

So let's begin with the basics:

Text Modifiers

[ B ] : This is a bold tag. This makes text that it precedes bold, like so. For HTML, the tag is <b>.
To close this tag and end the bold text, use </b>


[ I ] : This is an italic tag. This makes text that it precedes italic, like so. For HTML, the tag is <i>.
To close this tag and end the italic text, use </i>


[ U ] : This is an underline tag. This makes text that it precedes underlined, like so. For HTML, the tag is <u>.
To close this tag and end the italic text, use </u>


HTML uses the American spellings. So even if you're not, you will need to adhere to the American dictionary on this one. Let's have a look at align tags now.

Text Alignment

[ LEFT ] : This aligns your text to the left. To do this using HTML, the tag is <p align="left">. This is a paragraph tag, that is usable for multiple different things.
To close the paragraph, use </p>.

[ CENTER ] : This aligns your text to the center. To do this using HTML, the tag is <p align="center">.
To close the paragraph, use </p>.

[ RIGHT ] : This aligns your text to the right. To do this using HTML, the tag is <p align="right">.
To close the paragraph, use </p>.


Lists

If you'd like to make a bullet pointed list in the forums, your code is:
[ list=1(for numerical)/a(for alphabetical) ]
[ * ]list item
[ * ]list item 2
[ /list ]
For HTML, the same code preceeds each list item, and it doesn't need a closing tag. Simply use <li> before your point.

Images

Inserting images in the forums is done by doing this:
[ IMG ](insert url here)[ /IMG].
Image tags in HTML do not need a closing tag. In HTML, it is done as so:
<img src="(insert url here)">


Hyperlinks

Hyperlinks in the forums are done as such:
[ URL=(url here) ](text for link here)[ /URL ].
For HTML it is similar. The tag, altogether, is done like this:
<a href="(insert url here)">(text for link here)</a>.
If you wish to link to an e-mail address the process is similar:
<a href="mailto: (insert e-mail address here)">(text for link here)</a>


Tabs

If you're using tabs in your articles, there is, unfortunately, no HTML tag that covers it. However, a tag has been adapted by the management. Where you would use:
[ CODE ](insert tab here)[ /CODE ]
for the forums, for articles you would use:
[ TAB ](insert tab here)[ /TAB ]

Remember to remove the spaces when you do.

Rules And Breaks

Two final pieces for layout purposes are line breaks and horizontal rules. I will not be using example BBdoe for these.

The code for horizontal rules is <hr>. This tag does not need closing.

The code for line breaks is <br>. This tag does not need closing. Also, while this tag is necessary to break up text in HTML pages, it is not necessary in articles. At the end of a paragraph press enter twice. You now have the perfect space between your paragraphs for the archives.


Testing

Finally, if you would like to test how your piece looks in html, here is a guide to doing so.

1. Copy this piece into notepad.

<html>
<head>
<title>Test</title>
</head>
<body>
(copy your article into this location)
</body>
</html>


2. Save the file as 'test.html'

3. A file should now appear in the folder with the notepad piece named 'test.' If done correctly, it should be an internet file. Open it up to see how your piece looks.
__________________
Tom Colohue is a writer from Blackpool, England, recognisable for his integrative descriptive work and his cynical textual mannerisms.

Facebook Fan Page

Twitter feed

I have the most profile views on UG.

Last edited by Colohue : 03-05-2009 at 10:15 AM.
Colohue is offline   Reply With Quote
Closed Thread


Thread Tools Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump



All times are GMT -4. The time now is 02:53 PM.

Forum Archives / About / Terms of Use / Advertise / Contact / Ultimate-Guitar.Com © 2014
Powered by: vBulletin Version 3.0.9
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.