HTML Tutorial
In Gold Communities, HTML is allowed (depending on the Admin's preference) within posts to spice things up a bit. We’ve made a list of the most relevant HTML tags you’re likely to use on ezboard. For help on allowing HTML in your posts, click here.
Key Information
- You cannot use HTML with ezcodes or emoticons in the same post.
- You must uncheck the boxes next to ezcodes, emoticons and Convert URL for HTML to work in a post.
- The code examples here are very basic and are provided as an intro to HTML. There are many books and resources on the web to learn more about HTML. A popular site we like here at ezboard is webmonkey with lots of turorials and guides. Of course there is the official HTML Markup site at the W3C, the people who create the guidelines for HTML publishing on the web.
HTML Basics
- How to Bold Text Within a Post
- How to Italicize Text Within a Post
- How to Change the Size of Your Text
- How to Change the Color of Your Text
- How to Create Paragraphs
- How to Create a Line Break
- How to Create a Link (hyperlink to other webpages/sites/files)
- How to Create a Link that Opens in a New Window
- How to Make a Link for an Email Address
- How to Add an Image to Your Post
How to Bold Text Within a Post
Sometimes you'll want to emphasize a word or phrase within a post. Making the text bold is often a great way to do this.
<strong> this is bold text </strong>
Result: this is bold text
topHow to Italicize Text Within a Post
Italicizing is another way to emphasize a word or phrase.
<em>this is text in italics</em>
Result: this is text in italics
How to Change the Size of Your Text
The ultimate way to get a message across if to play with text size. The units permitted for the code below include px, pt, em and %. Play around with different values (shown below as 24) and units (shown below as px) to create different text effects.
<span style="font-size: 24px;"> text size is 24 pixels </span>
Result: text size is 24 pixels
How to Change the Color of Your Text
Text color is a popular enhancements to posts on ezboard communities. Named colors (shown below as red) or hex values (e.g., #000000 is black) may be used.
<span style="color: red;"> text color is red </span>
Result: text color is red
How to Create Paragraphs
Paragraphs are the common, structural way to seperate ideas into sections. Paragraphs will automatically create a carriage return with some space in between.
<p> This is paragraph 1 </p>
<p> This is paragraph 2</p>
<p> This is paragraph 3 </p>
Result:
This is paragraph 1
This is paragraph 2
This is paragraph 3
How to Create a Line Break
Sometimes a new paragraph is not necessary in a body of text with the same idea - but a line break is needed nevertheless.
text on line 1<br>
text on line 2<br>
text on line 3
Result:
text on line 1
text on line 2
text on line 3
How to Create a Link
Linking to a website, image or post is an effective way to post.
<a href="http://www.ezboard.com/"> name of the link </a>
Result: name of the link
How to Create a Link That Opens in a New Window
Linking somewhere else will take them away from a post. Adding the target="_blank" parameter will open a new window so that they never leave.
<a href="http://www.ezboard.com/" target="blank"> this link will pop-up a new window</a>
How to Make a Link for an Email Address
Most users have email clients which will popup when a link like below is clicked.
<a href="mailto:email@youremail.com"> email@address.com </a>
Result: email@address.com
How to Add an Image to Your Post
Perhaps one of the most popular tags used within posts.
<img src="http://www.ezboard.com/image/csc_goldcommunity.gif">
Result:
