Shop More Submit  Join Login
deviantART Status
Are you experiencing an issue with deviantART? Please check our Status Forum first before submitting a ticket in case we are already aware of the issue you are experiencing.
Recent Issues

Help & FAQ Home

What HTML formatting can we use on deviantART? And what is the format for these codes?

The following is a list of text formatting codes which are available to you, where they may be used, and how to use them.

All tags must have an opening and a closing tag and must be used for your formatting to work correctly.

You need to start your sentence with an opening tag <> and when you wish to end your specified formatting style you need to end it with the closing tag </>. Anything between these tags will be displayed in the specified style.


The following can be used on userpages, forums, notes, journals and comments.




Bold Text



The opening tag for bold is <strong>, and the closing tag is </strong>. You may also use <b>, as the opening tag and </b> as the closing tag. If you do not use the closing tag,then all text will be displayed in bold.


Underlined Text



The opening tag for underline is <u>, and the closing tag is </u>. If you do not use the closing tag, then all text will be displayed underlined.


Italic Text



Otherwise known as emphasis requires the opening tag for <em>, and the closing tag is </em>. You may also use <i>, as the opening tag and </i> as the closing tag. If you do not use the closing tag, then alltext will be displayed in Italics.


Subscript Text



The opening tag for subscript is <sub>, and the closing tag is </sub>. If you do not use the closing tag, then all text will be displayed in subscript.


Superscript Text



The opening tag for superscript is <sup>, and the closing tag is </sup>. If you do not use the closing tag, then all text will be displayed in superscript.


BlockQuote



These are used where you want to indent a piece of text, usually a quote, within other text. You use: <blockquote>My indented text</blockquote>.


Combining Codes



You can combine text formatting codes, for instance if you wanted Bold text being underlined then you just use the two formatting tags for this style ie. <strong><u>and to stop the style </u></strong>.


Acronym



You can also add popup descriptions with a dotted underline to your text (or links) by using the <acronym> tag, and close using the </acronym> tag, the format for this is the following. <acronym title="popup text"><a href="link Url">link description</a>

So the following command;

<acronym title="Read it, learn it, love it."><a href="faq.deviantart.com">deviantART FAQ</a></acronym> would result in the link, deviantART FAQ


Strike Text



The opening tag for strike is <strike>, and the closing tag is </strike>. If you do not use the closing tag, then all text will be displayed striked out.


The next formatting tags can only be used in journals only




Center Text



The opening tag for centering is <div align="center">, and the closing tag is </div>. If you do not use the closing tag, then all text after the opening tag will be displayed centered.


Inserting images into journals.



For information on how to include images in your journal, please have a look at FAQ #66.


Ordered listings



To make ordered lists you will need to do the following code <ol> which must be ended with the format </ol>, between these two codes you will need to enter <li> which must be ended withthe format </li>.

Example
<ol>
<li>1.) Entry one</li>
<li>2.) Entry two</li>
<li>3.) Entry three</li>
</ol>

Example
  1. 1.) Entry one
  2. 2.) Entry two
  3. 3.) Entry three
The <li> code must be used for each new numbered entry that you wish to be created.


Un-Ordered listsings



There is also the plain list format, by using <ul> and </ul> to end it as opposed to <ol> and </ol>. Just like with ordered lists each entry must be surrounded with <li> </li>

Example
  • Entry one
  • Entry two
  • Entry three

FAQ #104

Weekly views: 324

To give another deviant a direct link to this FAQ answer, use the following code in your comment or forum post:
Still need help? Contact the Help Desk.