Shop Mobile More Submit  Join Login


Legend:

:bulletgreen: Codes with this green symbol can be used to: comments, deviation description, journal, user page widgets, dA forum.
:bulletyellow: Codes with this yellow symbol can be used to: deviation description, journal, user page widgets.










:bulletgreen: Bold Text:

<b> abcdefghijklmnopqrstuvwxyz </b>
<strong> abcdefghijklmnopqrstuvwxyz </strong>






:bulletgreen: Italic Text:

<i> abcdefghijklmnopqrstuvwxyz </i>
<em> abcdefghijklmnopqrstuvwxyz </em>






:bulletgreen: Underlined Text:

<u> abcdefghijklmnopqrstuvwxyz </u>






:bulletgreen: Strikethrough Text:

<s> abcdefghijklmnopqrstuvwxyz </s>
<strike> abcdefghijklmnopqrstuvwxyz </strike>
<del> abcdefghijklmnopqrstuvwxyz </del>






:bulletgreen: Small Text:

<small> abcdefghijklmnopqrstuvwxyz </small>

* This code doesn't work in the "literature" submission!!!






:bulletgreen: Code Text:

<code> abcdefghijklmnopqrstuvwxyz </code>
<tt> abcdefghijklmnopqrstuvwxyz </tt>






:bulletgreen: Text in Subscript:

<sub> abcdefghijklmnopqrstuvwxyz </sub>






:bulletgreen: Text in Superscript:

<sup> abcdefghijklmnopqrstuvwxyz </sup>






:bulletgreen: Text with Blockquote:

<blockquote>
abcdefghijklmnopqrstuvwxyz
</blockquote>






:bulletgreen: Line Separator:

<hr>  </hr>

this line









:bulletyellow: Heading Text:

<h1>

abcdefghijklmnopqrstuvwxyz

</h1>

<h2>

abcdefghijklmnopqrstuvwxyz

</h2>

<h3>

abcdefghijklmnopqrstuvwxyz

</h3>

<h4>

abcdefghijklmnopqrstuvwxyz

</h4>

<h5>
abcdefghijklmnopqrstuvwxyz
</h5>

<h6>
abcdefghijklmnopqrstuvwxyz
</h6>







:bulletgreen: Bulleted List:

<ul>
  <li>Pizza</li>
  <li>Coffee</li>
  <li>Water</li>
  <li>Cigarettes</li>
</ul>
= = = = = = = = =
      
  • Pizza
  •   
  • Coffee
  •   
  • Water
  •   
  • Cigarettes







:bulletgreen: Numbered List:

<ol>
  <li>Pizza</li>
  <li>Coffee</li>
  <li>Water</li>
  <li>Cigarettes</li>
</ol>
= = = = = = = = =
      
  1. Pizza
  2.   
  3. Coffee
  4.   
  5. Water
  6.   
  7. Cigarettes







:bulletyellow: Text Alignment:

abcdefghijklmnopqrstuvwxyz
</div>

abcdefghijklmnopqrstuvwxyz
</div>

abcdefghijklmnopqrstuvwxyz
</div>

abcdefghijklmnopqrstuvwxyz
</div>

* This code doesn't work in the "literature" submission!!!






:bulletyellow: Text Font:

<font face="Arial">abcdefghijklmnopqrstuvwxyz</font>
<font face="Arial Black">abcdefghijklmnopqrstuvwxyz</font>
<font face="Comic Sans MS">abcdefghijklmnopqrstuvwxyz</font>
<font face="Courier New">abcdefghijklmnopqrstuvwxyz</font>
<font face="Georgia">abcdefghijklmnopqrstuvwxyz</font>
<font face="Impact">abcdefghijklmnopqrstuvwxyz</font>
<font face="Lucida Console">abcdefghijklmnopqrstuvwxyz</font>
<font face="Palatino Linotype">abcdefghijklmnopqrstuvwxyz</font>
<font face="Tahoma">abcdefghijklmnopqrstuvwxyz</font>
<font face="Times New Roman">abcdefghijklmnopqrstuvwxyz</font>
<font face="Trebuchet MS">abcdefghijklmnopqrstuvwxyz</font>
<font face="Verdana">abcdefghijklmnopqrstuvwxyz</font>






:bulletyellow: Text Size:

<font size="1">abcdefghijklmnopqrstuvwxyz</font>
<font size="2">abcdefghijklmnopqrstuvwxyz</font>
<font size="3">abcdefghijklmnopqrstuvwxyz</font>
<font size="4">abcdefghijklmnopqrstuvwxyz</font>
<font size="5">abcdefghijklmnopqrstuvwxyz</font>
<font size="6">abcdefghijklmnopqrstuvwxyz</font>
<font size="7">abcdefghijklmnopqrstuvwxyz</font>






:bulletgreen: Text Acronym or Abbreviation:

<acronym title="deviantART"> dA </acronym>

<abbr title="deviantART"> dA </abbr>

* move the mouse on the word "dA"!!!






:bulletgreen: Text with Link:


<a href="fav.me/d4e27hn"> Journal Skin-Less </a>

<a href="www.lastfm.it/user/caska1979"> caska's Last.fm </a>

*Is a link to click on it!!!






:bulletgreen: Avatar Link:

:iconusername: or :iconNAMEGROUP:

* This code doesn't work in the "literature" submission!!!






:bulletgreen: User Link:

username or :devNAMEGROUP:

* This code doesn't work in the "literature" submission!!!






:bulletyellow: Embed Thumbs and Big Thumbs:

:thumbNUMBERS: (the codes "thumb" are to the right of the deviations)

:bigthumbNUMBERS: (to get the big thumbs add "big" among the first ":" and "thumb", this only works in journals and widgets userpage)

* This code doesn't work in the "literature" submission!!!






:bulletyellow: Embed External Image:



(delete the address of the image between the "*" and paste an image of another address, the value of "width" and "height" can be changed up to the size you prefer)

* This code only works in journals and widgets userpage






:bulletyellow: Embed Video:


========
Example:
(YouTube)

(Vimeo)

(DeviantArt Film)









:bulletblue: P.S.: Most testo text formats can be COMBINED with each other!
:bulletred:If you find any errors and / or code forgotten, please let me know so that I can add them here!

:bulletred:I hope you find it useful!!!


:bulletgreen: LAST UPDATE: 24 March 2012 :bulletgreen:



FAQ.:

FAQ #81: How can I make links to other deviants, deviations, or websites?

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

FAQ #508: How do I post the raw HTML or emoticon codes in chatrooms?


:bulletblue: Where can you find ID's for video embed?
by :iconthelasth0pe:



Thanks to :icongillianivy: for reporting an error. :thanks:


Kindly featured by:

:icongillianivy: here [link]
:iconeyesofargus: here [link]
:iconecssited: here [link]
Add a Comment:
 
:iconpokesleuth:
Critique by pokesleuth Sep 21, 2012, 12:15:45 PM
this html guide is a good start for others that don't know how to do it. But it needs some more codes and different headings ect. it's an ok tutorial. but that's fine for the html codes and also requires a bit more examples. but it's a great list that it is good for formatting i kinda like the formatting codes but i cant find any other codes for html so that's all i got to say for this ( i am so sorry for repeating my self) ok so uhh i gave a good rating for you ok so bye
What do you think?
The Artist thought this was FAIR
88 out of 92 deviants thought this was fair.

:iconappocrea:
This tutorial has really good potential to help other deviants, even though it is not the most original idea on earth, It contains the majority of HTML for DeviantART. I like the way it is set out, which makes it easier to access and particular information without any hassle.

On the minus side, some stuff doesn't work, when clicking different things, and some things might have been able to do with a more thorough explanation. I know that might make it much longer, it's a bit lengthy already.

There is a lot about it I really like, and I think it was good that you put it up, as it is quite useful and overall, a good HTML guide that will help Deviants for years to come.
What do you think?
The Artist thought this was FAIR
61 out of 63 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconlupusdream:
LupusDream Featured By Owner 5 days ago  Hobbyist Digital Artist
Thank you for this.

but was wondering how do i change the color of the text??
Reply
:iconskargill:
Skargill Featured By Owner Mar 14, 2015  Hobbyist Photographer
Thank you this guide was very helpful to me.
Reply
:iconfuckshiru:
fuckshiru Featured By Owner Feb 28, 2015   Digital Artist
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Reply
:iconrad-puppeteer:
Rad-Puppeteer Featured By Owner Dec 13, 2014  Hobbyist General Artist
Pretty useful! Will save for future use since I keep forgetting the codes I can use here!
Reply
:iconcaptain-fan:
Captain-Fan Featured By Owner Nov 14, 2014  Hobbyist Writer
How do you link an external image?
Reply
:iconmarine1337:
Marine1337 Featured By Owner Oct 31, 2014  Hobbyist General Artist
I'm having issues trying to post a link to YouTube Videos without it being Embedded, I tried to follow the tutorial but it didn't work
Reply
:iconmfmeijer94:
mfmeijer94 Featured By Owner Oct 3, 2014
Sorry to bother but can you also use the HTML codes for coloring the test?
Reply
:iconkeelen6:
keelen6 Featured By Owner Sep 14, 2014
Um.  You didnt actually include the code for embedding video...
Reply
:iconepichatman:
epichatman Featured By Owner Aug 23, 2014  Hobbyist Digital Artist
Right, but I want to embed an HTML file on my deviantID. How do I do that?
Reply
:iconhitomisuko:
Hitomisuko Featured By Owner May 17, 2014  Hobbyist Digital Artist
<font size="1">abcdefghijklmnopqrstuvwxyz</font>
Reply
:iconaskcatrussia:
AskCatRussia Featured By Owner Apr 25, 2014
How can i do Text Alignment? ;;
Reply
:iconbl-oody-pasta:
Bl-oody-Pasta Featured By Owner May 4, 2014  Hobbyist General Artist
[ <dev align="*center/right/left*">
Take out the asterisks (*) and write only one of the three words.
Hope that helped :3]
Reply
:iconrcarass1:
rcarass1 Featured By Owner Apr 18, 2014
Thank you for putting this together! It was really helpful!
Reply
:iconatroxa:
Atroxa Featured By Owner Apr 15, 2014  Hobbyist Digital Artist
I have a question. How do you get the code to show without it doing what it's meant for? Meaning, how do you show the code for bolding without actually having it just make things bold? I'm trying to do a journal with some code in it for people to copy and paste but I don't know how to just show the code
Reply
:iconsoumatsushima97:
soumatsushima97 Featured By Owner Apr 12, 2014  Student General Artist
How about Nicovideo? o.o
Reply
:iconinkmlab:
inkmlab Featured By Owner Apr 9, 2014  Hobbyist Artisan Crafter
thank you!
Reply
:iconcaska1979:
caska1979 Featured By Owner Apr 12, 2014
:)
Reply
:iconthebrandi67:
TheBrandi67 Featured By Owner Apr 2, 2014  Hobbyist Writer
Hey, could someone be so kind as to give me the format that allows me to post an embed external image? It doesn't show for me. ^^;
Reply
:iconthebrandi67:
TheBrandi67 Featured By Owner Apr 4, 2014  Hobbyist Writer
Nevermind~
Reply
:iconyachi-yachi:
Yachi-Yachi Featured By Owner Mar 31, 2014  Hobbyist Digital Artist
Really helpful, thanks! 
Reply
:iconcaska1979:
caska1979 Featured By Owner Apr 12, 2014
:aww:
Reply
:iconzeomytales:
ZeomyTales Featured By Owner Mar 29, 2014
I can't see de code for embed video :(
Reply
:iconcaska1979:
caska1979 Featured By Owner Mar 30, 2014
<da:embed profile="youtube" id="e38Y5OtJ0e0" />

<da:embed profile="vimeo" id="13377865" />

<da:embed profile="film" id="267833885" />

bradleysays.deviantart.com/art…
Reply
:iconnightmareblitz:
NightMareBlitz Featured By Owner Mar 11, 2014
I don't get the text alignment :c
Reply
:iconpowerpuffgirlslover2:
PowerpuffGirlslover2 Featured By Owner Mar 7, 2014  Hobbyist Digital Artist
Thanks alot...
Reply
:iconnoskill1343:
nosKILL1343 Featured By Owner Mar 1, 2014  Professional General Artist
wow this is the most detailed html list, I'm looking how to change text font, and now I realize it, thanx a lot :D
Reply
:icontofu-yu:
tofu-yu Featured By Owner Feb 21, 2014
umm do you know how to change colour??? c:
Reply
:iconraptorkil:
raptorkil Featured By Owner Feb 19, 2014  Hobbyist Filmographer
Rammstein <3
Reply
:iconcaska1979:
caska1979 Featured By Owner Feb 20, 2014
<3
Reply
:iconb-i-x:
B-i-x Featured By Owner Feb 17, 2014  Hobbyist Digital Artist
 abcdefghijklmnopqrstuvwxyz
Reply
:iconvodj:
vodj Featured By Owner Feb 16, 2014   Photographer
Embedded code is no longer seen!!!  The image and videos of the example iinstead. :)
Reply
:iconnut-kase-the-pony:
Nut-Kase-the-pony Featured By Owner Feb 8, 2014  Hobbyist Artist
The strikethrough is a lie!
Reply
:iconaryiea:
Aryiea Featured By Owner Aug 4, 2014
GASP! :XD:
Reply
:iconnut-kase-the-pony:
Nut-Kase-the-pony Featured By Owner Aug 4, 2014  Hobbyist Artist
The strikethrough is a lie!
Reply
:iconaryiea:
Aryiea Featured By Owner Aug 4, 2014
A lie!!!
Reply
:iconyinyanggemini:
YinYangGemini Featured By Owner Jan 26, 2014
Is there any way that you can indent in a deviation?
Reply
:iconwrenwind:
WrenWind Featured By Owner Jan 21, 2014  Hobbyist General Artist
Hi, I just had a question about blockquotes. I keep trying to do it in my artist comments, but the grey lines are not there. It has the indent, but it's just empty space.

I can get it to work in the comments... What am I doing wrong?
Reply
:iconf-e-n-n-i:
F-E-N-N-I Featured By Owner Jan 21, 2014  Hobbyist General Artist
Wonderful! Though I can't figure out how to embed a youtube video... Help?
Reply
:iconmistikfantasy:
Mistikfantasy Featured By Owner Jan 18, 2014  Hobbyist General Artist
I still cannot manage to add image thumb in an art description
Reply
:iconsugarskuiis:
SugarSkuIIs Featured By Owner Jan 8, 2014  Hobbyist General Artist
do you know how to embed an image over another image? ;o;
Reply
:iconi-oreo:
I-Oreo Featured By Owner Dec 29, 2013  Hobbyist General Artist
it helped meeee yaya! ty
Reply
:iconcaska1979:
caska1979 Featured By Owner Dec 30, 2013
:aww:
Reply
:iconblue-cat00:
Blue-Cat00 Featured By Owner Dec 24, 2013  Hobbyist Digital Artist
I've seen people putting the part of the reproduction youtube bar on their profiles so people can listen to songs without the videos, how do you do that? o^O?
Reply
:iconcaska1979:
caska1979 Featured By Owner Dec 25, 2013
Sorry, I don't know...
Reply
:iconblue-cat00:
Blue-Cat00 Featured By Owner Dec 25, 2013  Hobbyist Digital Artist
Well thank you neverless ^^
Reply
:iconunbelievers:
unbelievers Featured By Owner Feb 19, 2014
i mean, on deviantART, he has a tutorial
Reply
:iconblue-cat00:
Blue-Cat00 Featured By Owner Feb 20, 2014  Hobbyist Digital Artist
Ah thank you very much! :hug: I shall try look for it on his gallery. :D
Reply
:iconunbelievers:
unbelievers Featured By Owner Feb 19, 2014
look up cyphervisor!!
Reply
:iconbrokenhealer:
brokenHealer Featured By Owner Dec 20, 2013  Hobbyist Digital Artist
thuis is good but, how do you do Gifs though
Reply
Add a Comment:
 
×

:iconcaska1979: More from caska1979



More from DeviantArt



Details

Submitted on
November 26, 2011
File Size
11.7 KB
Submitted with
Sta.sh
Link
Thumb

Stats

Views
65,708 (17 today)
Favourites
2,501 (who?)
Comments
522
×