How to Link a Deviant Art Account With Picture

Hello!

Hullo and welcome to my fiddling html tutorial. I've been working with html codes for a couple of years and I'm going to teach you what I know about using some bones html on deviantART. This won't make y'all a html expert or something and I'thou not an proficient myself but it will give just enough knowledge to make your journals, comments, news manufactures and other keen and lovely looking.

deviantART actually has FAQs well-nigh html just I even so wanted to practice this because they look a bit unorganized, in my stance. Besides, why would y'all desire to look for those FAQs when you can only open up this news article where you take everything in one place?

You may already know some of these, but I promise you'll find at to the lowest degree something helpful in this news article.

Some basic html

Bold text: <b>insert text here</b>

Result: Instance text
This html code volition work in: periodical entries, grouping blogs, comments, creative person's comments, news articles, notes and probably everywhere.

Italic text: <i>insert text here</i>

Result: Example text
This html lawmaking volition work in: journal entries, grouping blogs, comments, artist'due south comments, news manufactures, notes and probably everywhere.

Underlined text: <u>insert text hither</u>

Result:

Example text

This html code volition piece of work in: journal entries, group blogs, comments, artist'southward comments, news manufactures, notes and probably everywhere.

Strike: <strike>insert text hither</strike>

Issue:

Case text

This html code will work in: journal entries, group blogs, comments, creative person'southward comments, news manufactures, notes and probably everywhere.

Subscript: _{insert text hither}

Upshot: _{Example text}
This html code will work in: periodical entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

Superscript: ^{insert text here}

Upshot: ^{Case text}
This html code will work in: journal entries, group blogs, comments, creative person'due south comments, news articles, notes and probably everywhere.

Also, it'south good to know: You can use <sup> and <sub> every bit many times y'all want to make your text even smaller. _{_{_{_{_{insert text here}}}}}
Outcome: _{Tiny text}

Minor text: <small>insert text here</small>

This html code will piece of work in: journal entries, group blogs, comments, artist's comments and notes.

Blockquote: <blockquote>insert text here</blockquote>

Result:

Example text

This html code will piece of work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

Centering text: <div align="middle">insert text here

Result:

Example text

This html lawmaking volition work in: journal entries, group blogs and news manufactures. It won't work in notes, comments and artist's comments. It used to work in artist's comments, merely for some reason, information technology doesn't any more.
Also, information technology's good to know: yous tin supplant "eye" with "right" ("left" would exist useless since information technology'due south default.)

Consequence:

Instance text

This html lawmaking will work in: journal entries, group blogs, comments, artist's comments, news articles.

Horizontal line: <hr>

Result:

---

This html code will piece of work in: journal entries, grouping blogs, comments, artist's comments, news articles and notes.

Font size - headings

Headings:Since you can't really change the font size with normal font size html codes, you'll need to utilize headings. There are six headings types:
<h1>Example text</h1>
<h2>Example text</h2>
<h3>Example text</h3>
<h4>Example text</h4>
<h5>Example text</h5>
<h6>Example text</h6>

Result:

Example text

Example text

Example text

Example text

Example text

Case text

This code volition work in (premium) journals, news manufactures, artist's comments and special boxes on user's profile. It will not work in comments.

Code: Used for defining figurer lawmaking, only deviants simply use it to change their font. <code>Insert text here</lawmaking>

Result: Example text
This html code will piece of work pretty much everywhere, I think. I don't employ it that often so I'm non certain, only considering the popularity of information technology, I think it works everywhere.

---

Links and photos

Including links to pages: <a href="insert url here">text that volition be clickable</a>

Result: Here'south a link to deviantART
This html code volition work in: journal entries, group blogs, comments, artist's comments, news articles, but will not work in group notes.

Including photos: <a href="Insert link to the folio where the photo is originally coming from"><img src="Insert link to photo"></a>
This html code volition piece of work in: Premium journal entries, Super group blogs, custom boxes.

Using large thumbs: <a href="Insert link accost here"><img src="Insert Epitome URL here" width="Insert the desired width of the photograph"></a>
This html code volition work in: journal entries (for premium members but), Super group blogs and custom boxes.

To copy a link accost, you need to get to the page of the photograph you desire to link and copy the address in the address bar of your browser. To re-create image URL, y'all need to right click on the photograph itself and select Copy image location if yous use Firefox or something that implies that you lot're copying the location of the photo if y'all're using other browsers. The maximum size of a dA thumbnail is 150×150 which is rather small. Using 300 or 400 or fifty-fifty 500 pixels won't ruin your profile folio if you're planning to use this in a periodical, but bigger sizes will. The photos might even exist cropped, depending on the size of your monitor and the size of the thumb.

Clarification popular-up:You lot tin can also include little pop-up text to your links past using this code:
<acronym championship="popup text"><a href="insert url here">text that volition be clickable</a></acronym>

Effect:

deviantART

---

Combining codes

You can also combine equally many codes as you want. Permit'south say that the letter A is a start code and /A is the end code, and B is a unlike code that ends with /B, the aforementioned thing goes for C - /C and D - /D. The correct endmost gild goes like this: A B C D insert text here /D/C/B/A.
For instance; here's a subscripted text that'southward assuming, underlined, strike, italic, centerd and contains a link:

My code for this was:
<div align="center">_{<b><i><u><strike>This won't be piece of cake to read, but you get the betoken. <a href="www.deviantart.com/">Here's a link to dA over again.</a></strike></u></i></b>}</div>

I just wanted to show you all how ridiculously long and confusing this looks but it's really, really easy so don't be agape of it.

---

Special characters

Here is the link to the special characters that y'all volition probably use rarely. On the other hand, if you're ever planing to create a plz account or if you need to demonstrate html, these are the most mutual ones that you'll use:

Less-than sign: &lt;
Result: <

More than-than sign: &gt;
Result: >

Colon &#58;
Result: :

Thumbs and username and icon tags

This isn't really html, but you'd be surprised how many people doesn't know how this works.

Usernames: :devusername:, e.g. :devshaplz:
Result: Shaplz

User icons: :iconusername: (that's how the plz accounts work), e.g. :iconshaplz:
Result:

You can also employ these for linking groups.

Thumbnails:Including thumbnails is very piece of cake because all you need to do is copy the lawmaking located on the right side of each deviation. It'south under "Share" function of the deviations, below groups and above "Details" and "Statistics".
In that location is a "Pollex" box with the code that normally looks something similar this :thumb208669995:
Result:

Recollect

Information technology's very important to close your tags with "</>" because the residuum of the text will have the same effect like the one you wanted to signal out.

Likewise, e'er striking "preview" push before you lot post a annotate/journal entry/etc. no affair how sure you are you got it right.

If a deviant gets carried away with <sub> or <sup> tags, call up to

♠
continue calm
^and
zoom the page

Recollect that nobody knows all the tags past middle so don't be agape to fave this article and visit whenever you demand.

If you always demand some assist with html, remember that

Google is your friend

.

If you know another html codes that can be used on dA, feel free to share them. I never said I knew everything nearly this, I'chiliad just hither to share my cognition.

I hope this helped!

parkerbedeencion1994.blogspot.com

Source: https://www.deviantart.com/scarlettedeath/journal/Using-HTML-on-deviantART-214250745