Shop Mobile More Submit  Join Login
×

:iconravyre: More from Ravyre



More from DeviantArt



Details

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

Stats

Views
3,899 (5 today)
Favourites
224 (who?)
Comments
45
×

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:
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.
Add a Comment:
 
: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
:iconfelizias:
Felizias Featured By Owner 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
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
Oh really? Awesome. I'll be sure to alter that. Thank you. :)
Reply
:iconronzra:
RonzRa Featured By Owner Sep 30, 2012  Hobbyist Photographer
OMG I Love You~!
Reply
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
I love you moreLlama-Emoji-02 (Blush) 
Reply
:iconronzra:
RonzRa Featured By Owner Nov 17, 2013  Hobbyist Photographer
Pshhh not possible <(•w•)>
Reply
:iconhimynameiswendy:
HiMyNameIsWendy Featured By Owner Sep 20, 2012  Student General Artist
thanks! :D
Reply
:iconravyre:
Ravyre Featured By Owner Nov 17, 2013  Hobbyist General Artist
You're welcome. :)
Reply
:iconbladewithin:
BladeWithin Featured By Owner Jul 26, 2012  Hobbyist General Artist
</b>Thank you</b>
Reply
:iconravyre:
Ravyre Featured By Owner 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 Featured By Owner Aug 20, 2012  Hobbyist General Artist
Ohh thank you >W<
Reply
:iconsweetcandylover:
SweetCandyLover Featured By Owner Jul 9, 2012
hey!! i'm just testing the tt code. :D
Reply
:iconravyre:
Ravyre Featured By Owner Jul 22, 2012  Hobbyist General Artist
Go ahead! :)
Reply
:iconstory-story:
Story-Story Featured By Owner Mar 11, 2012  Hobbyist Digital Artist
thank you! this helped me alot x3 :huggle:
Reply
:iconravyre:
Ravyre Featured By Owner Apr 4, 2012  Hobbyist General Artist
I am so glad! :lol: :tighthug:
Reply
:iconhikariichuu:
Hikariichuu Featured By Owner Jan 10, 2012
awesome, thank for this!! :aww:
Reply
:iconravyre:
Ravyre Featured By Owner Jan 10, 2012  Hobbyist General Artist
Np problem! Enjoy! :)
Reply
:iconshadeow630fire:
Shadeow630fire Featured By Owner Nov 21, 2011  Hobbyist General Artist
This really helped, thanks for uploading this!
Reply
:iconravyre:
Ravyre Featured By Owner Nov 21, 2011  Hobbyist General Artist
I am so glad it has been of use to you! :D
I have a couple more like this to be uploaded, I just can't seem to find the time. xD Haha. :)
Reply
:iconshadeow630fire:
Shadeow630fire Featured By Owner Nov 21, 2011  Hobbyist General Artist
Awesome! x3
Reply
:iconrecklessflailing:
recklessFlailing Featured By Owner Sep 9, 2011
thanks so much for this oUo alalalla i can make better smileys now ^w^
Reply
:iconravyre:
Ravyre Featured By Owner Sep 10, 2011  Hobbyist General Artist
You are more than welcome!
I am glad it has been of use to you! :la:
Reply
:iconkittycatlove1992:
KittyCatLove1992 Featured By Owner Aug 13, 2011  Hobbyist General Artist
This helped a lot.
I use a lot of html but on here I never knew what I could use and where. :)
So this was really helpful to figure out DA a bit more. ^_^
Reply
:iconravyre:
Ravyre Featured By Owner Aug 13, 2011  Hobbyist General Artist
I'm so glad it's helpful! :la:
Thank you so much for faving! :heart:
I really appreciate it! ^^
Reply
:iconkittycatlove1992:
KittyCatLove1992 Featured By Owner Aug 13, 2011  Hobbyist General Artist
No prob!
Your welcome!
Reply
Add a Comment: