deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from =Ravyre


×


What is HTML?


HTML stands for HyperText Markup Language. It's used when making a website, and available to use on deviantART to customise what you are writing.

Once you memorise the HTML, it's pretty easy and fun to use.

You can find some codes on the deviantART FAQ #104, but they don't give you all of them.

You can use the codes I am about to give you in artist comments, journal entries, blog entries, profile pages, and more importantly comments!

Literature pieces have less codes available to use than what I just mentioned, but there's still a fair few you can play around with. :)
especially everyone's favourite emoticons. :giggle:



Bold


Place <b> at the beginning of your sentence and </b> at the end for it to appear in bold.
Example: <b>Bold</b> turns into Bold.

You can also use <strong></strong> instead of <b> </b>.
Example: <strong>Strong</strong> turns into Strong.



Underline


Place <u> at the beginning of your sentence and </u> at the end for it to be underlined.
Example: <u>Underline</u> turns into Underline



Italics


Place <i> at the beginning of your sentence and </i> at the end for it to be in italics.
Example: <i>Italics</i> turns into Italics

<em> and </em> can be used instead of <i></i>. It stands for emphasis, and does the exact same thing:
Example: <em>Emphasis</em> turns into Emphasis



Superscript


Place <sup>at the beginning of your sentence and </sup> at the end for it to be in Superscript.
Example: <sup>Superscript</sup> turns into Superscript.



Subscript


While Subscript and Superscript look similar, they are in fact different.

Place <sub> at the beginning of your sentence and </sub> at the end for it to be in Supscript.
Example: <sub>Suprscript</sub> turns into Subscript

See? Superscript floats up at the top, while Subscript goes down low.
hai hai hai hai hai <- You can create funky things like this when playing with Subscript and Superscript

<small> and </small> can be used to make font go small like <sub></sub> and <sup></sup>.
However, <small> and </small> do not work in literature submission, so I can't show you an exmaple. :noes:



Block Quote


Place <blockquote> at the beginning of your sentence and </blockquote> at the end for it to place indent a block of text, and place it on a new line.
Example: <blockquote>Block Quote</blockquote> turns into
Block Quote



Strike Text


Place <strike> at the beginning of your sentence and </strike> at the end for it to place a strike through what you have written.
Example: <strike>Strike Text</strike> turns into Strike Text



Code Font


Place <code> at the beginning of your sentence and </code> at the end for it to be written in a Code Font
Example: <code>Code Font</code> turns into Code Font

You can swap <code> for <tt> and get the same result.
<tt> stands for Teletype Text.



Definite List, Description and Term


<dl> Definite List
<dd> Definite Description
<dt> Definite Term

You start with <dl>
Underneath you then write <dd> and </dd> with what it is you will describe.
Underneath that you write <dt> and </dt> with the description.
You close it with </dl>

Example:
<dl>
<dd>Pen</dd>
<dt>Something you write with</dt>
</dl>
<dl>
<dd>Pen</dd>
<dt>Something you write with</dt>



Horizontal Rule


You can write <hr> or <hr/> to get a horizontal rule, like what I have been using to separate my sections.

Horizontal Rule sadly does not work in Artist comments



List


Place <li> in front of each item you are listing to create an organised list, you have to place </li> at the end before starting the next one.

I want:
<li>Ham</li> <li>Eggs</li> <li>Marmalade</li>

I want:
  • Ham
  • Eggs
  • Maramlade



Ordered List


Place <ol> at the beginning before <li> to number your list.

I want: <ol> <li>Ham</li>
<li>Eggs</li>
<li>Marmalade</li>
</ol>

I want:
  1. Ham

  2. Eggs

  3. Maramlade




Unordered List


You simply replace <ol> with <ul>

I want: <ul> <li>Ham</li>
<li>Eggs</li>
<li>Marmalade</li>
</ul>

I want:
  • Ham

  • Eggs

  • Maramlade




Paragraph


Place <p> at the beginning of a sentence and </p> at the end to get a paragraph.

Example: Toph and I went for a walk. <p>After our walk, we went for a pony ride</p>

Toph and I went for a walk.

After our walk, we went for a pony ride.





Aligning Text


To centre align text you type: <div align="center"> with a closing tag of </div>
To right align text you type: <div align="right> with a closing tag of </div>

Text is already aligned to the left on deviantART, but to align it to the left, you swap either "right" or "center" and type "left"

Text Alignment doesn't work in literature work, so I cannot show you an example, unfortunately.

1,934

139 23 57
Download HTML download, 7.5 KB

Details

Stats

Submitted on
August 13, 2011
File Size
7.5 KB
Views
1,934
Favourites
139 (who?)
Comments
23
Downloads
57
URL
Thumb
Only verified accounts can report policy violations. Please check your email and click on the verification link.
* Required field
Add a Comment:
 
love 2 2 joy 1 1 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconkevinbharata:
Mood: Joy ~KevinBharata Jun 11, 2013  Student Photographer
Thanks so much :)

---------
I'm member of:

:icongetwatchers:

#GetWatchers help artists to share their creativity, increase their audience and get more feedback by getting more exposure and pageviews. If you want more exposure of your arts, constructive critics, watchers and/or if you would like to discover new talented artists, come join us :pointr: Here :pointl:
Reply
:iconteru-is-true:
~Teru-is-True Mar 13, 2013  Hobbyist Photographer
Thank you so much! I don't know how I've survived as long as I have without this!
Reply
:iconmagtehpapillon:
~MagTehPapillon Dec 24, 2012  Student Traditional Artist
Awesome! Thanks for this! :D
Reply
:iconfelizias:
~Felizias Dec 7, 2012  Hobbyist Digital Artist
Hi, there. :aww:
Just dropping by to let you know horizontal lines work in artist comment. :P
I use them in every single one.
Reply
:iconronzra:
~RonzRa Sep 30, 2012  Hobbyist Traditional Artist
OMG I Love You~!
Reply
:iconhimynameiswendy:
Mood: Love ~HiMyNameIsWendy Sep 20, 2012  Student General Artist
thanks! :D
Reply
:iconbladewithin:
~BladeWithin Jul 26, 2012  Hobbyist Traditional Artist
</b>Thank you</b>
Reply
:iconravyre:
=Ravyre Aug 19, 2012  Hobbyist General Artist
Ah!
A quick error.
You wrote:
</b>Thank you</b>
when it should be
<b>Thank you</b> which will become Thank you
Reply
:iconbladewithin:
~BladeWithin Aug 20, 2012  Hobbyist Traditional Artist
Ohh thank you >W<
Reply
:iconsweetcandylover:
hey!! i'm just testing the tt code. :D
Reply
Add a Comment: