Deviantart How to Post Art Link as a Url

Hello!

Hello and welcome to my petty 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 basic html on deviantART. This won't make yous a html adept or something and I'thou non an expert myself but it will requite just plenty knowledge to make your journals, comments, news articles and other neat and lovely looking.

deviantART actually has FAQs almost html simply I still wanted to do this because they look a bit unorganized, in my opinion. Also, why would you want to look for those FAQs when y'all can only open this news article where you accept everything in ane identify?

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

Some bones html

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

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

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

Result: Case text
This html code volition piece of work in: periodical entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

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

Issue:

Example text

This html code will work in: periodical entries, grouping blogs, comments, artist'south comments, news articles, notes and probably everywhere.

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

Event:

Case text

This html lawmaking will work in: journal entries, group blogs, comments, artist'due south comments, news articles, notes and probably everywhere.

Subscript: _{insert text hither}

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

Superscript: ^{insert text hither}

Result: ^{Example text}
This html code will piece of work in: journal entries, grouping blogs, comments, creative person's comments, news articles, notes and probably everywhere.

Also, it's good to know: You can use <sup> and <sub> as many times you want to make your text even smaller. _{_{_{_{_{insert text here}}}}}
Effect: _{Tiny text}

Small text: <pocket-sized>insert text here</small>

This html code volition piece of work in: journal entries, group blogs, comments, creative person's comments and notes.

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

Result:

Case text

This html code will work in: journal entries, grouping blogs, comments, artist's comments, news manufactures, notes and probably everywhere.

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

Effect:

Case text

This html code will work in: journal entries, grouping blogs and news manufactures. It won't work in notes, comments and artist's comments. Information technology used to work in artist'south comments, but for some reason, it doesn't whatever more.
Too, information technology's good to know: y'all tin can replace "center" with "right" ("left" would be useless since it'due south default.)

Result:

Instance text

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

Horizontal line: <60 minutes>

Result:

---

This html code will work in: journal entries, grouping blogs, comments, artist'due south comments, news manufactures and notes.

Font size - headings

Headings:Since you tin can't actually alter the font size with normal font size html codes, you'll need to use headings. There are half-dozen headings types:
<h1>Instance text</h1>
<h2>Example text</h2>
<h3>Example text</h3>
<h4>Example text</h4>
<h5>Example text</h5>
<h6>Example text</h6>

Outcome:

Case text

Instance text

Example text

Instance text

Example text

Instance text

This code will work in (premium) journals, news articles, artist'southward comments and special boxes on user's profile. Information technology will not work in comments.

Lawmaking: Used for defining computer code, but deviants just employ it to change their font. <code>Insert text here</code>

Consequence: Example text
This html code will piece of work pretty much everywhere, I think. I don't employ it that often and then I'g non certain, but because the popularity of it, I think it works everywhere.

---

Links and photos

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

Result: Hither'southward a link to deviantART
This html code will work in: journal entries, group blogs, comments, creative person'south comments, news articles, but will not piece of work in group notes.

Including photos: <a href="Insert link to the page where the photo is originally coming from"><img src="Insert link to photograph"></a>
This html lawmaking will work in: Premium journal entries, Super grouping blogs, custom boxes.

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

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

Description pop-up:You lot can besides include piddling pop-upwards text to your links by using this lawmaking:
<acronym title="popup text"><a href="insert url hither">text that will exist clickable</a></acronym>

Result:

deviantART

---

Combining codes

You tin can also combine as many codes as you want. Allow's say that the letter A is a showtime code and /A is the cease code, and B is a different code that ends with /B, the aforementioned thing goes for C - /C and D - /D. The correct closing lodge goes like this: A B C D insert text here /D/C/B/A.
For case; here's a subscripted text that's bold, underlined, strike, italic, centerd and contains a link:

My lawmaking for this was:
<div align="center">_{<b><i><u><strike>This won't be easy to read, but y'all get the point. <a href="www.deviantart.com/">Hither's a link to dA again.</a></strike></u></i></b>}</div>

I but wanted to prove you lot all how ridiculously long and confusing this looks simply it's really, really easy then don't exist afraid of it.

---

Special characters

Here is the link to the special characters that yous volition probably employ rarely. On the other hand, if you're ever planing to create a plz account or if y'all 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, merely you'd be surprised how many people doesn't know how this works.

Usernames: :devusername:, e.one thousand. :devshaplz:
Outcome: Shaplz

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

You can likewise use these for linking groups.

Thumbnails:Including thumbnails is very easy because all you need to do is copy the code located on the right side of each deviation. It's under "Share" part of the deviations, below groups and above "Details" and "Statistics".
There is a "Pollex" box with the code that usually looks something like this :thumb208669995:
Result:

Remember

It's very of import to close your tags with "</>" because the residuum of the text will accept the same result similar the one yous wanted to indicate out.

Too, always hitting "preview" push button before yous post a comment/journal entry/etc. no matter how certain you are y'all got it right.

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

♠
continue at-home
^and
zoom the page

Remember that nobody knows all the tags by heart and then don't be agape to fave this article and visit whenever you need.

If you ever demand some help with html, remember that

Google is your friend

.

If you know some other html codes that tin can be used on dA, feel free to share them. I never said I knew everything nigh this, I'g but here to share my cognition.

I hope this helped!

carrollwhichis.blogspot.com

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

Share this post