Shop Mobile More Submit  Join Login

DeviantART Typing Codes

Fri Oct 14, 2016, 9:30 PM by nightesprit:iconnightesprit:
If you're making a journal not in St.ash writer, then learning how to code different formats is very important.






BOLD TEXT

  <b>This will make bold text.</b
<strong>This will also make bold text.</strong>  

 Italicised Text

<i>This will make italicized text.</i>
<em>This will also make italicized text.</em>

 

Underlined Text

               <u>This will make underlined text.</u>               


Crossed Out Text 

<s>This will make striked out text.</s>
<strike>This will also make striked out text.</strike>
<del>This will also make striked out text.</del>


Subscript Text

<sub>This will display the text in subscript.</sub>
<sub>Use it multiple times to make text smaller  <sub>and smaller <sub>and smaller</sub></sub></sub>!
                                   

Superscript Text

<sup>This will display the text in superscript.</sup>
<sup>Use it multiple times to make text smaller  <sup>and smaller <sup>and smaller</sup></sup></sup>!

Small Text

<small>This will make text smaller (and not go below like subscript or above like superscript).small>



Text Effect

Type effects like thissssssby typing this<sub>s<sub>s<sub>s<sub>s<sub>s


Monospaced Font

<code>This will change your text to a monospaced font.</code>
<tt>This will also change your text to a monospaced font.</tt>



Border Line

Type <hr /> or > to get the line that I was using throughout this guide


Block Quote

 <blockquote>Use this to create an indented section of text.</blockquote>

                      <blockquote><blockquote>Use it multiple times to indent text further!</blockquote></blockquote>



Ordered, Numbered List

Cute Animals


      
  1. Kitten
  2.   
  3. Puppy
  4.   
  5. Chick
  6.   
  7. Piglet

Use
      for ordered list by typing: <h4>Cute Animals</h4> <ol>   <li>Kitten</li>   <li>Puppy</li>   <li>Chick</li>  <li>Piglet</li> </ol>

      Unordered List

      Cute Animals

          
      • Kitten
      •   
      • Puppy
      •   
      • Chick
      •   
      • Piglet                                 
  Use the unordered list tag
      by typing: <h4>Cute Animals</h4> <ul>   <li>Kitten</li>   <li>Puppy</li>   <li>Chick</li>   <li>Piglet</li></ul>

      Change Font of Text

      <font face="impact">This will change your font, depending on what font name you type in the "quotation marks".</font>(Some might not work)

      Change size of Text

      <font size="4">This will change the size of your font.</font>

      Align location of Text




      <div align="left">This will align your text to the left.</div>


      <div align="center">This will center your text.</div>


      <div align="justify">This will justify your text.</div>


      <div align="right">This will align your text to the right.</div>

      Headers

      <h1>

      This will give you heading text.

      </h1> 


















      <h2>

      This will give you heading text.

      </h2>
      <h3>

      This will give you heading text.

      </h3>
      <h4>

      This will give you heading text.

      </h4>
      <h5>
      This will give you heading text.
      </h5>








      <h6>
      This will give you heading text.
      </h6>
      This was originally done by SweetDuke  



Add a Comment:
 
:iconvanndra:
vanndra Featured By Owner Oct 31, 2016  Hobbyist General Artist
Thanks for this really useful information!!!
Reply
:iconnightesprit:
nightesprit Featured By Owner Nov 1, 2016  Hobbyist Photographer
I'm glad it is ^^
Reply
:iconvanndra:
vanndra Featured By Owner Nov 2, 2016  Hobbyist General Artist
:rose:
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Oct 15, 2016  Hobbyist Digital Artist
You should add that you can access to HTML mode through control+e. There are a lot of people that don't know that.
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Oct 15, 2016
Is the shortcut for the HTML only on a PC? I cannot seem to get it to work on my MacBook Pro :confused:
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Oct 15, 2016  Hobbyist Digital Artist
Maybe CMD or whatever is called the key. For Linux is also control+e. It works too in comments.
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Oct 15, 2016
I have a control and a command key, and it seems the command 'e' would work if I could figure out what I'm doing, since the font while typing is different in answering your comment but not different in the preview.. I've been looking for a way to use in comments. Is there supposed to be an html bar to choose from?
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Oct 16, 2016  Hobbyist Digital Artist
No, just with control+e. The font seem different and you can put tags on it, also sometimes the html code of the comments gets messy so with access to the html you can delete tags that gets in the way for example :thumb640168741: (it has a span tag between the first ":" and the "t")
Reply
:iconcameronkobe:
CameronKobe Featured By Owner Oct 15, 2016  Hobbyist Digital Artist
Very good journal!  I have another question, if you have time!  How did you make the coding appear in the journal as text, instead of applying effects?  E.g. How do you display the tags < b > </ b> ? I obviously put spaces in to make them appear in this comment...
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
Ah thank you :hug:


Thanks for answering Jakeukalane :heart:
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Edited Oct 15, 2016  Hobbyist Digital Artist
I tried ^^'

mmm it doesn't work in comments adding code or wytiwyg element.... i was wrong.
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Edited Oct 15, 2016  Hobbyist Digital Artist
Maybe adding code tag or adding WYTIWYG attribute in HTML mode. You can access to HTML mode with control+e
Reply
:iconcameronkobe:
CameronKobe Featured By Owner Oct 17, 2016  Hobbyist Digital Artist
Thank you!
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Oct 17, 2016  Hobbyist Digital Artist
I found the solution. Ill try. You have to add a span tag between what you want to write:

<em>hello</em>
Reply
:iconcameronkobe:
CameronKobe Featured By Owner Oct 18, 2016  Hobbyist Digital Artist
Cool! Thanks!
Reply
:iconjakeukalane:
Jakeukalane Featured By Owner Oct 19, 2016  Hobbyist Digital Artist
welcome! :)
Reply
:iconteddybearcholla:
teddybearcholla Featured By Owner Oct 15, 2016  Hobbyist General Artist
:iconthumbsupplz:
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
Thanks!
Reply
:iconteddybearcholla:
teddybearcholla Featured By Owner Oct 16, 2016  Hobbyist General Artist
welcome!
Reply
:iconjennystokes:
jennystokes Featured By Owner Oct 15, 2016  Professional General Artist
Well done......very helpful.
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
Thank you :hug:
Reply
:iconjennystokes:
jennystokes Featured By Owner Oct 15, 2016  Professional General Artist
:wave:
Reply
:icongeorgexvii:
GeorgeXVII Featured By Owner Oct 15, 2016   Traditional Artist
Very usefull :clap:
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
Thank you~!
Reply
:iconlualady:
LualaDy Featured By Owner Oct 15, 2016   Traditional Artist
oh this shows all broken to me...

ex of what I see:

>This will make bold text.>
iv align="center">This will center your text.div>
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
Yeah, unfortunately I've been experiencing that too :(
Reply
:iconlualady:
LualaDy Featured By Owner Oct 15, 2016   Traditional Artist
isn't that weird
nowI see it correctly but the journal skin is kind of broken...
wtf DA
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
:stare:
Reply
:iconokavanga:
Okavanga Featured By Owner Oct 14, 2016
This is excellent!! Thanks for summarising. I knew about the bold b but just about everything else is new and useful.

David
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 14, 2016  Hobbyist Photographer
Thank you and my pleasure :heart:
Reply
:iconokavanga:
Okavanga Featured By Owner Oct 15, 2016
:iconthumbsupplz: Using monotype code
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 15, 2016  Hobbyist Photographer
^^
Reply
:iconkanoeshirota:
KanoeShirota Featured By Owner Oct 14, 2016  Professional Digital Artist
Thank you so much for sharing! This journal is awesome and super helpful! :)
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 14, 2016  Hobbyist Photographer
You're welcome and good to hear :)
Reply
:iconchaosfay:
ChaosFay Featured By Owner Oct 14, 2016  Professional General Artist
OMG THANK YOU!!!!!
Reply
:iconnightesprit:
nightesprit Featured By Owner Oct 14, 2016  Hobbyist Photographer
You're welcome :)
Reply
Add a Comment:
 
×

:icondevnews: More from DevNews


Featured in Collections

Tutorials, all about Drawings and Paintings... by mockingbirdontree


More from DeviantArt



Details

Submitted on
October 14, 2016
Link
Thumb

Stats

Views
742
Favourites
86 (who?)
Comments
36
×