Edit Red @ Edit Red Writing Community

Basic HTML tags.

Below are a list of basic html tags that can be used on your upload pages. Html tags in uploads is for 'Writer' & 'Author' members of Edit Red only.

To use html tags in your uploads, simply type and/or cut an paste them correctly into the text box. The codes listed below are the only ones we allow, and the examples work. Used correctly, they produce the exact results listed.

The Edit Red 'Writer' package has already helped scores of writers achieve publishing success.
For unlimited uploads, unlimited links to your published work, a submissions tracker, advanced journal and directory search, text formatting, book giveaways, writing resources and much more from just $4.16 per month, click here.

Description

Code

Result

Headings Headings are defined with the <h1> to <h3> tags. <h1> defines the largest heading. <h3> defines the smallest heading. Look at the box to the right to see how to write heading tags	<h1>Big heading</h1>	=	Big heading
	<h2>Medium heading</h2>	=	Medium heading
	<h3>Regular heading</h3>	=	Regular heading

Paragraphs Paragraphs are defined with the <p> tag. HTML automatically adds an extra blank line before and after a paragraph.	<p>This is a paragraph.</p><p>This is another paragraph.</p>	=	This is a paragraph. This is another paragraph.

Bold Font Bold fonts are defined with the <b> tag.	<b>This is a bold front</b> =	=	This is a bold font.

Italic Font Italic fonts are defined with the <i> tag.	<i>This is an italic front.</i>	=	This is an italic font.

Underlined Underlines are defined with the <u> tag.	<i>This is an underline.</i>	=	This is an underline.

Clickable links Links are defined with the <a> tag.	<a href="http://www.thisismylink.com">This is my link.</a>		This is my link.

Embedded images Images are defined with the <img> tag combined with a url that leads to the online location of the image you want to display. Your images must already be online, on another server/site, like flickr, myspace, or your own home page. The code to the right does not include any sizing, so the image will appear actual size. For this example we are using the Edit Red logo.	<img src="http://www.editred.com/IMAGES/logo.gif">	=
You can also define the dimensions by adding them to the existing code. In this example the width is set to 100 pixels and the height to 50 pixels.	<img src="http://www.editred.com/IMAGES/logo.gif" width="100" height="50">	=
You can also make your image a clickable link by starting with an <a> tag that leads into an <img> tag.	<a href="http://www.editred.com"><img src="http://www.editred.com/IMAGES/logo.gif" width="161" height="68" border="0">	=
Note in the code where it says border="0", change that "0" to "1" and your image has a border.	<a href="http://www.editred.com"><img src="http://www.editred.com/IMAGES/logo.gif" width="161" height="68" border="1">	=
NOTE: So that you do not spoiled the layout of your page, making it hard for your readers to read your story, you should never display an image that is more than 500 pixels or "100%" wide. Otherwise your readers will have to scroll left and right every time they read a new line. Also, please remember the more images you add to your page, the longer it will take for those images to load.

Big heading

Medium heading

Regular heading