deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
[x]
Download File
HTML, 11.7 KB
more ▶

More from =caska1979

Featured in Groups:

Details

November 26, 2011
11.7 KB
Sta.sh
Link
Thumb

Statistics

Comments: 417
Favourites: 1,767 [who?]

Views: 27,187 (45 today)
Downloads: 196 (1 today)
[x]


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:

<div align="center">abcdefghijklmnopqrstuvwxyz</div>

<div align="justify">abcdefghijklmnopqrstuvwxyz</div>

<div align="left">abcdefghijklmnopqrstuvwxyz</div>

<div align="right">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="http://fav.me/d4e27hn"> Journal Skin-Less </a>

<a href="http://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:

:devUSERNAME: 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:

<img src="https://lh3.googleusercontent.com/_LeraopNmMbg/TUQStBu6-xI/AAAAAAAAJ_4/q9o-xc_dA6k/ubuntu_black-orange_hex.png" width="400" height="103">

(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:

<da:embed profile="video type" id="ID of the video" />
========
Example:
<da:embed profile="youtube" id="UFTWqJUUpuQ" /> (YouTube)

<da:embed profile="vimeo" id="22778306" /> (Vimeo)

<da:embed profile="film" id="267833885" /> (DeviantArt Film)









:bulletblue: P.S.: Most testo text formats can be COMBINED with each other!
:iconcaska1979:
: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:
 
:iconhippydj:
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
15 out of 15 deviants thought this was fair.

:iconpokesleuth:
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
57 out of 58 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

love 8 8 joy 10 10 wow 4 4 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconshantelleze2008:
There are lots of guide in order to make good arts in the internet. All you need to do is to explore. -
Google Autocomplete
Reply
:iconmitsurutakeshi:
Mood: Joy ~MitsuruTakeshi Jun 9, 2013  New member Student Artisan Crafter
thank you so much :boogie:
Reply
:iconiza-bee:
*iza-bee Jun 4, 2013  Hobbyist General Artist
Faving for reference. This is great! Thanks!
Reply
:iconcicciojus:
~cicciojus Jun 1, 2013  Hobbyist Photographer
ciao, per caso c' č anche un codice per mettere uno spazio fisso come il tab?
cioč se volessi fare una lista simile a questa:
prima foto [link]
seconda fotografia [link]
altro [link]
come potrei fare per far risultare i link come se fossero allineati a destra con le descrizioni a sinistra?
Reply
:iconcaska1979:
Non vanno i link...
Reply
:iconcicciojus:
~cicciojus 2 days ago  Hobbyist Photographer
lol i link sono semplice testo…
era da esempio per l' intestazione vorrei fare una cosa del tipo:
adgaf kdgd
aadg arhb

però con la tabulazione. È possibile?
Reply
Add a Comment: