Shop Forum More Submit  Join Login

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

and can be used to make font go small like <sub></sub> and <sup></sup>.
However, and 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.




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"

Left

Center

Right
Add a Comment:
 
:iconn1ghtwhisper:
N1ghtWhisper Featured By Owner Dec 13, 2017  Hobbyist Artist
their not working for me in comments anymore?
Reply
:iconpapa3231:
papa3231 Featured By Owner Sep 6, 2017  Student General Artist
I knew about Italics and subtext, but none of the others.
Reply
:iconcall-me-tatty:
Call-me-Tatty Featured By Owner Jun 26, 2017
Thank you this help me alot 
Reply
:iconinflationer:
inflationer Featured By Owner Edited Apr 21, 2017  Hobbyist Digital Artist
what was with noble-trash?

did it work?
no
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 5, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 5, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 5, 2017  Hobbyist General Artist
hh </b>
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 5, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 4, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
hhh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
hhh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
hh
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
<striketext> hhh </striketext>
Reply
:iconnobie-trash:
nobIe-trash Featured By Owner Jan 3, 2017  Hobbyist General Artist
w h y
Reply
:icontheromosdos:
theromosdos Featured By Owner Nov 24, 2016  Student General Artist
wow I'm italic
deviantART Groups deviantART Groups deviantART Groups deviantART Groups 
BIG LINES ITALIC BIG ITALIC LINES
Reply
:icontheromosdos:
theromosdos Featured By Owner Nov 24, 2016  Student General Artist
I want:
  1. Two-bite Brownies
  2. Egg Mayo Sandwich
Reply
:icontheromosdos:
theromosdos Featured By Owner Nov 24, 2016  Student General Artist
UL and Ol didnt work ;-;
Reply
:icontheromosdos:
theromosdos Featured By Owner Nov 24, 2016  Student General Artist
 FALL

DOWN


STAIRS!!!!

Reply
:icontheromosdos:
theromosdos Featured By Owner Nov 24, 2016  Student General Artist
OMG
STAIRS X3
Reply
:icontesseradical17:
Tesseradical17 Featured By Owner Edited Sep 22, 2016  Hobbyist Digital Artist
How are you able to write the HTML codes as an example without it formatting the example? I want to write how to format something in a DA comment.
Reply
:iconsagelysam:
SagelySam Featured By Owner Oct 2, 2015  Hobbyist General Artist
insert comment here
Reply
:iconravyre:
Ravyre Featured By Owner Oct 5, 2015  Hobbyist General Artist
:clap:
Reply
:iconkatiebat:
KatieBat Featured By Owner Sep 17, 2015
The dl, dd, and dt codes don't seem to work.
Reply
:iconravyre:
Ravyre Featured By Owner Sep 28, 2015  Hobbyist General Artist
You are right.
They seem to work alright in Stash, but not in comments.

Been a long time since writing up these lessons. Not 100% sure what are compatible and what are not.
Super sorry.
When I next get some free time, I'll have a bit of a fiddle and a play. :)

Upon looking back, I seem to have the <dt> and <dd> a little back to front.
As I mentioned their names are:
<dl> Definite List
<dd> Definite Description
<dt> Definite Term

However, I should have written <dd> and <dt> the other way around.
<dt> should be considered as a name, while <dd> is the description, or explanation.

Sorry for any confusion, or problems.
Reply
:iconkatiebat:
KatieBat Featured By Owner Sep 28, 2015
S'okay :) Your piece helped me out a lot; I could never figure out most of the codes before.
Reply
:iconflumpp:
Flumpp Featured By Owner Apr 16, 2015
This really helped, even though I am pretty familiar with HTML. Thanks!
Reply
:iconravyre:
Ravyre Featured By Owner Aug 13, 2015  Hobbyist General Artist
I'm glad to hear it. :)
Reply
:iconawesomefacegirl101:
awesomefacegirl101 Featured By Owner Feb 6, 2014  Student Digital Artist
riding on a pony with Toph
coolest shit ever
Reply
:iconravyre:
Ravyre Featured By Owner Mar 23, 2014  Hobbyist General Artist
Pardon?
Reply
:iconawesomefacegirl101:
awesomefacegirl101 Featured By Owner Mar 23, 2014  Student Digital Artist
Toph on a pony is FUN
Reply
:iconravyre:
Ravyre Featured By Owner Mar 24, 2014  Hobbyist General Artist
Are you referring to a "toff"
Reply
:iconawesomefacegirl101:
awesomefacegirl101 Featured By Owner Mar 24, 2014  Student Digital Artist
No You wrote "Toph and I went for a walk."
this one- www.google.com/url?sa=t&rct=j&…
Reply
:iconravyre:
Ravyre Featured By Owner Apr 5, 2014  Hobbyist General Artist
Oh did I? It was a very long time since I wrote this.
I was probably referring to my cat, TophBucktooth 
Reply
:iconawesomefacegirl101:
awesomefacegirl101 Featured By Owner Apr 5, 2014  Student Digital Artist
oooooh
Reply
:icondevioussouleaterfan:
DeviousSoulEaterFan Featured By Owner Jan 27, 2014  Hobbyist General Artist
I love you like family.
Reply
:iconravyre:
Ravyre Featured By Owner Sep 15, 2014  Hobbyist General Artist
Heart 
Reply
:iconboregarde:
boregarde Featured By Owner Dec 30, 2013
Thank for this helpful Stuff
;-)
Reply
:iconravyre:
Ravyre Featured By Owner Jan 4, 2014  Hobbyist General Artist
You are more than welcome! :heart:
Reply
:iconworldwar-tori:
WorldWar-Tori Featured By Owner Dec 17, 2013   General Artist
this is awesome :heart: thank you!
Reply
:iconravyre:
Ravyre Featured By Owner Jan 4, 2014  Hobbyist General Artist
You're very welcome. More than happy to help. :)
Reply
:iconworldwar-tori:
WorldWar-Tori Featured By Owner Jan 4, 2014   General Artist
:hug:
Reply
:icontehpheonix:
TehPheonix Featured By Owner Jun 29, 2013  Student Digital Artist
hi
Reply
:iconkevinbharata:
KevinBharata Featured By Owner 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
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
No problem! Hope it's helpful enough for you. :)
Reply
:iconteru-is-true:
Teru-is-True Featured By Owner 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
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
Haha! I know right? Suddenly the whole world of deviantART becomes so much more customisable
I love it! :love:
Reply
:iconmagtehpapillon:
MagTehPapillon Featured By Owner Dec 24, 2012  Student Traditional Artist
Awesome! Thanks for this! :D
Reply
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
You are more then welcome. I sure hope it helps. :)
Reply
Add a Comment:
 
×

:iconravyre: More from Ravyre


Featured in Collections

Devious Collection by fmr0


More from DeviantArt



Details

Submitted on
August 13, 2011
File Size
7.5 KB
Link
Thumb

Stats

Views
8,077
Favourites
371 (who?)
Comments
72