Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from deviantART



Details

Submitted on
August 25, 2009
Link
Thumb

Stats

Views
21,415 (12 today)
Favourites
581 (who?)
Comments
451
×
  • Mood: Helpful
You all have probably wondered at some point how I do all this formatted text. Well, it actually has to do with HTML code, but the more basic (usually) elements. Here is how you do each (replace all "*" with "" (nothing)).



Helpful:

Bold:
<*b*>Bold text<*/b*>
or
<*strong*>Bold text<*/strong*>

Italic:
<*i*>Italic text<*/i*>

Underlined:
<*u*>Underlined text<*/u*>

Superscript:
<*sup*>Superscript text<*/sup*>

Subscript:
<*sub*>Subscript text<*/sub*>

Strikethrough
<*strike*>Strikethrough text<*/strike*> or
<*del*>Strikethrough text<*/del*>

<a href="shadowkirby47.deviantart.com/j…>Hyperlinks:
<*a*href="URL goes here">Hyperlink<*/a*>

:new:
Description List
An element that can be used for organizing and indentation.
Recommended method:
<*dl*>
<*dt*>Description title<*/dt*>
<*dd*>Indented text<*/dd*>
<*/dl*>

Other method (with possible format errors):
<*dl*>
<*dt*>Description title
<*dd*>Indented text
<*/dl*>




Somewhat Unhelpful:

Quotation offset

<*blockquote*> Quote text<*/blockquote*>

"Abbreviation"
<*abbr*>Text<*/abbr*>

Horizontal Line

<*hr /*>





If you want to know anything else or if something was unclear, please leave a comment about your question.

:new: :note: VERSION 3.2 UPDATE: In case you are confused, the numbering system is set up like this: [Major Update Number].[Format/Organization Update Number]
Also, because I'm always busy, updating this will be split up into many different versions.

:note: VERSION 2.1 UPDATE: I had to re-organize everything so it would look cleaner.

:note: VERSION 2 UPDATE: I apologize for it being so messy now, but I added four new formatting techniques, and two of them can actually be useful!
Add a Comment:
 
:iconjesshavok:
JessHavok Featured By Owner 4 hours ago  Professional Digital Artist
test
Reply
:icondoddlefur:
DoddleFur Featured By Owner 2 days ago  Hobbyist Digital Artist
trial
Reply
Hidden by Commenter
:iconvincehuh:
vincehuh Featured By Owner Sep 7, 2014  New member Hobbyist General Artist
Guys you're not supposed to be the asterisks (*)  xD
if he did that it would've been shown as its function
basically start with <"strike> write something and then </"strike">

anyway, my question

How can you erase the vertical spaces below the horizontal line? I've seen some deviant users do that :O
Reply
:iconask-sammy-kelin:
Ask-Sammy-Kelin Featured By Owner Edited Sep 6, 2014  New member Student Artist
Bleh<*/strike*>
Reply
:iconscaryskits11:
ScarySkits11 Featured By Owner Sep 5, 2014  Hobbyist Traditional Artist
<*strike">doesn't work<*/strike*>
Reply
:iconpolarodox:
Polarodox Featured By Owner Sep 8, 2014  Hobbyist General Artist
You have to remove the asterisks. 
Reply
:iconscaryskits11:
ScarySkits11 Featured By Owner Sep 8, 2014  Hobbyist Traditional Artist
ok ok I'll try it some other time.
But seriously though, thanks for your help! :)
Reply
:iconpolarodox:
Polarodox Featured By Owner Sep 14, 2014  Hobbyist General Artist
No problem!
Reply
:iconscaryskits11:
ScarySkits11 Featured By Owner 1 day ago  Hobbyist Traditional Artist
:)
Reply
Add a Comment: