HOME | DD

Ravyre β€” dA: HTML Formatting
Published: 2011-08-13 12:42:09 +0000 UTC; Views: 15376; Favourites: 360; Downloads: 60
Redirect to original
Description 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.


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

You can also use instead of .
Example: Strong turns into Strong.


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


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

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


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


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

Place at the beginning of your sentence and at the end for it to be in Supscript.
Example: Suprscript 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 and .
However, and do not work in literature submission, so I can't show you an exmaple.


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

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


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

You can swap for and get the same result.
stands for Teletype Text.


Definite List, Description and Term
Definite List
Definite Description
Definite Term

You start with

Underneath you then write
and
with what it is you will describe.
Underneath that you write
and
with the description.
You close it with


Example:

Pen

Something you write with



Pen

Something you write with



Horizontal Rule
You can write
or
to get a horizontal rule, like what I have been using to separate my sections.



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

    I want:
  • Ham
  • Eggs
  • Marmalade


  • I want:
    • Ham
    • Eggs
    • Maramlade


    Ordered List
    Place
      at the beginning before
    1. to number your list.

      I want:
      1. Ham

      2. Eggs

      3. Marmalade



      I want:
    2. Ham
    3. Eggs
    4. Maramlade


    5. Unordered List
      You simply replace
        with


          I want:
          • Ham

          • Eggs

          • Marmalade



          I want:
          • Ham
          • Eggs
          • Maramlade


          Paragraph
          Place

          at the beginning of a sentence and

          at the end to get a paragraph.

          Example: Toph and I went for a walk.

          After our walk, we went for a pony ride



          Toph and I went for a walk.

          After our walk, we went for a pony ride.




          Aligning Text
          To centre align text you type:
          with a closing tag of

          To right align text you type:
          with a closing tag of


          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

    Related content
    Comments: 74

    papa3231 [2017-09-06 12:02:18 +0000 UTC]

    I knew about Italics and subtext, but none of the others.

    πŸ‘: 0 ⏩: 0

    Call-me-Tatty [2017-06-27 06:58:40 +0000 UTC]

    Thank you this help me alotΒ 

    πŸ‘: 0 ⏩: 0

    inflationer [2017-04-21 18:19:39 +0000 UTC]

    what was with noble-trash?


    did it work?
    no

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-06 02:33:41 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-06 02:31:47 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-06 02:31:15 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-06 02:30:34 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-04 23:39:41 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 21:07:31 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 21:06:46 +0000 UTC]

    hhh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 21:06:29 +0000 UTC]

    hhh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 21:06:10 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 09:43:18 +0000 UTC]

    hh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 09:42:37 +0000 UTC]

    hhh

    πŸ‘: 0 ⏩: 0

    nobIe-trash [2017-01-03 09:40:55 +0000 UTC]

    w h y

    πŸ‘: 0 ⏩: 0

    theromosdos [2016-11-25 02:58:24 +0000 UTC]

    wow I'mΒ italic
    Β Β Β Β 
    BIG LINES ITALICΒ BIG ITALIC LINES

    πŸ‘: 0 ⏩: 0

    theromosdos [2016-11-25 02:54:52 +0000 UTC]

    I want:

  • Two-bite Brownies
  • Egg Mayo Sandwich
  • πŸ‘: 0 ⏩: 0

    theromosdos [2016-11-25 02:51:41 +0000 UTC]

    UL and Ol didntΒ work ;-;

    πŸ‘: 0 ⏩: 0

    theromosdos [2016-11-25 02:50:27 +0000 UTC]

    Β FALL

    DOWN


    STAIRS!!!!

    πŸ‘: 0 ⏩: 0

    theromosdos [2016-11-25 02:48:32 +0000 UTC]

    OMG
    STAIRS X3

    πŸ‘: 0 ⏩: 0

    Tesseradical17 [2016-09-23 04:48:03 +0000 UTC]

    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.

    πŸ‘: 0 ⏩: 0

    SagelySam [2015-10-02 12:23:30 +0000 UTC]

    insert comment here

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to SagelySam [2015-10-05 08:30:43 +0000 UTC]

    πŸ‘: 0 ⏩: 0

    KatieBat [2015-09-18 01:10:28 +0000 UTC]

    The dl, dd, and dt codes don't seem to work.

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to KatieBat [2015-09-28 10:03:23 +0000 UTC]

    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

    and
    a little back to front.
    As I mentioned their names are:
    Definite List
    Definite Description
    Definite Term

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

    Sorry for any confusion, or problems.

    πŸ‘: 0 ⏩: 1

    KatieBat In reply to Ravyre [2015-09-28 22:28:49 +0000 UTC]

    S'okay Your piece helped me out a lot; I could never figure out most of the codes before.

    πŸ‘: 0 ⏩: 0

    Flumpp [2015-04-16 22:37:40 +0000 UTC]

    This really helped, even though I am pretty familiar with HTML. Thanks!

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to Flumpp [2015-08-13 08:39:52 +0000 UTC]

    I'm glad to hear it.

    πŸ‘: 0 ⏩: 0

    awesomefacegirl101 [2014-02-07 04:39:20 +0000 UTC]

    riding on a pony with Toph

    coolest shit ever

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to awesomefacegirl101 [2014-03-23 23:04:10 +0000 UTC]

    Pardon?

    πŸ‘: 0 ⏩: 1

    awesomefacegirl101 In reply to Ravyre [2014-03-24 00:00:08 +0000 UTC]

    Toph on a pony is FUN

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to awesomefacegirl101 [2014-03-24 21:05:43 +0000 UTC]

    Are you referring to a " toff"

    πŸ‘: 0 ⏩: 1

    awesomefacegirl101 In reply to Ravyre [2014-03-24 21:26:11 +0000 UTC]

    No You wrote "Toph and I went for a walk."
    this one-Β www.google.com/url?sa=t&rct=j&…

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to awesomefacegirl101 [2014-04-05 22:30:21 +0000 UTC]

    Oh did I? It was a very long time since I wrote this.
    I was probably referring to my cat, Toph .Β Β 

    πŸ‘: 0 ⏩: 1

    awesomefacegirl101 In reply to Ravyre [2014-04-05 22:31:39 +0000 UTC]

    oooooh

    πŸ‘: 0 ⏩: 0

    DeviousSoulEaterFan [2014-01-27 16:48:07 +0000 UTC]

    I love you like family.

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to DeviousSoulEaterFan [2014-09-15 09:32:39 +0000 UTC]

    Β 

    πŸ‘: 0 ⏩: 0

    boregarde [2013-12-30 19:34:19 +0000 UTC]

    Thank for this helpful Stuff

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to boregarde [2014-01-04 19:00:02 +0000 UTC]

    You are more than welcome!

    πŸ‘: 0 ⏩: 0

    WorldWar-Tori [2013-12-17 08:18:17 +0000 UTC]

    this is awesome thank you!

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to WorldWar-Tori [2014-01-04 19:00:16 +0000 UTC]

    You're very welcome. More than happy to help.

    πŸ‘: 0 ⏩: 1

    WorldWar-Tori In reply to Ravyre [2014-01-05 00:42:54 +0000 UTC]

    πŸ‘: 0 ⏩: 0

    TehPheonix [2013-06-30 00:08:38 +0000 UTC]

    hi

    πŸ‘: 0 ⏩: 0

    KevinBharata [2013-06-11 21:15:15 +0000 UTC]

    Thanks so much

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



    #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 Here

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to KevinBharata [2013-11-17 11:38:43 +0000 UTC]

    No problem! Hope it's helpful enough for you.

    πŸ‘: 0 ⏩: 0

    Teru-is-True [2013-03-14 00:55:06 +0000 UTC]

    Thank you so much! I don't know how I've survived as long as I have without this!

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to Teru-is-True [2013-11-17 11:38:28 +0000 UTC]

    Haha! I know right? Suddenly the whole world of deviantARTΒ becomes so much more customisable
    I love it!

    πŸ‘: 0 ⏩: 0

    MagTehPapillon [2012-12-24 18:30:13 +0000 UTC]

    Awesome! Thanks for this!

    πŸ‘: 0 ⏩: 1

    Ravyre In reply to MagTehPapillon [2013-11-17 11:37:41 +0000 UTC]

    You are more then welcome. I sure hope it helps.

    πŸ‘: 0 ⏩: 0

    Felizias [2012-12-07 22:09:25 +0000 UTC]

    Hi, there.
    Just dropping by to let you know horizontal lines work in artist comment.
    I use them in every single one.

    πŸ‘: 0 ⏩: 1


    | Next =>