ShopDreamUp AI ArtDreamUp
Deviation Actions
Hello!
Hello and welcome to my little 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 you a html expert or something and I'm not an expert myself but it will give just enough knowledge to make your journals, comments, news articles and other neat and lovely looking.
deviantART actually has FAQs about html but 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 you can just open this news article where you have everything in one place?
You may already know some of these, but I hope you'll find at least something helpful in this news article.
Some basic html
Bold text: <b>insert text here</b>
Result: Example text
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Italic text: <i>insert text here</i>
Result: Example text
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Underlined text: <u>insert text here</u>
Result: Example text
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Strike: <strike>insert text here</strike>
Result:
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Subscript: <sub>insert text here</sub>
Result: Example text
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Superscript: <sup>insert text here</sup>
Result: Example text
This html code will work in: journal entries, group blogs, comments, artist'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. <sub><sub><sub><sub>insert text here</sub></sub></sub></sub>
Result: Tiny text
Small text: <small>insert text here</small>
This html code will 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 work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.
Centering text: <div align="center">insert text here
Result:
Example text
This html code will work in: journal entries, group blogs and news articles. It won't work in notes, comments and artist's comments. It used to work in artist's comments, but for some reason, it doesn't any more.
Also, it's good to know: you can replace "center" with "right" ("left" would be useless since it's default.)
Result:
Example text
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles.
Horizontal line: <hr>
Result:
This html code will work in: journal entries, group blogs, comments, artist's comments, news articles and notes.
Font size - headings
Headings:Since you can't actually change the font size with normal font size html codes, you'll need to use headings. There are 6 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
Example text
This code will work in (premium) journals, news articles, artist's comments and special boxes on user's profile. It will not work in comments.
Code: Used for defining computer code, but deviants just use it to change their font. <code>Insert text here</code>
Result:
Example text
This html code will work pretty much everywhere, I think. I don't use it that often so I'm not sure, but considering the popularity of it, I think it works everywhere.
Links and photos
Including links to pages: <a href="insert url here">text that will be clickable</a>
Result: Here's a link to deviantART
This html code will 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 page where the photo is originally coming from"><img src="Insert link to photo"></a>
This html code will work in: Premium journal entries, Super group blogs, custom boxes.
Using big thumbs: <a href="Insert link address here"><img src="Insert Image 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 page of the photo you want to link and copy the address in the address bar of your browser. To copy image URL, you need to right click on the photo itself and select Copy image location if you use 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 small. Using 300 or 400 or even 500 pixels won't ruin your profile page if you're planning to use this in a journal, but bigger sizes will. The photos might even be cropped, depending on the size of your monitor and the size of the thumb.
Description pop-up:You can also include little pop-up text to your links by using this code:
<acronym title="popup text"><a href="insert url here">text that will be clickable</a></acronym>
Result: deviantART
Combining codes
You can also combine as many codes as you want. Let's say that the letter A is a start code and /A is the end code, and B is a different code that ends with /B, the same thing goes for C - /C and D - /D. The correct closing order goes like this: A B C D insert text here /D/C/B/A.
For example; here's a subscripted text that's bold, underlined, strike, italic, centerd and contains a link:
My code for this was:
<div align="center"><sub><b><i><u><strike>This won't be easy to read, but you get the point. <a href="www.deviantart.com/">Here's a link to dA again.</a></strike></u></i></b></sub></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 afraid of it.
Special characters
Here is the link to the special characters that you will 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 common ones that you'll use:
Less-than sign: <
Result: <
More-than sign: >
Result: >
Colon :
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 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 "Thumb" box with the code that usually looks something like this :thumb208669995:
Result:
Remember
It's very important to close your tags with "</>" because the rest of the text will have the same effect like the one you wanted to point out.
Also, always hit "preview" button before you post a comment/journal entry/etc. no matter how sure you are you got it right.
If a deviant gets carried away with <sub> or <sup> tags, remember to
♠
keep calm
and
zoom the page
Remember that nobody knows all the tags by heart so don't be afraid to fave this article and visit whenever you need.
If you ever need some help with html, remember that Google is your friend.
If you know some other html codes that can be used on dA, feel free to share them. I never said I knew everything about this, I'm just here to share my knowledge.
I hope this helped!
DeviantArtist Questionnaire
Long time no see! :) Hope you're all good and creative and inspired. :hug:
I decided to do #DeviantArtistQuestionnaire because of the badge. :lol: I'm kidding. Well, half-kidding. I was reading some of the others' questionnaires and got nostalgic over the time when I used to spend at least 3 hours daily on dA. It kinda gave me some inspiration to go and take some photos that I've been planning to execute for a couple of weeks, so thanks again for inspiring me as always. :heart:
How long have you been on DeviantArt?
- 7 wonderful years.
What does your username mean?
- It would be a combination of Scarlette and Death, imagined as a nam
52 week project
Hello! :aww:
I'm starting my 52 week project this week. New year, new camera, new… me? I don't know, but hopefully, I'll improve. I'll try to make my ideas as original as possible, that's why I don't want to force myself to do a 365 days project.
I'll post the whole project here so keep an eye out this week. :D
I wish you all a happy New Year and have fun tonight! :blowkiss:
Lots of love
B.
sorry for being a dick
and not responding to your watches, messages, replies and so on.
I finally (AFTER A YEAR) took some time to check out my watchers (I had like 8.000+ activity messages) and to watch some of you back.
Please don't thank me for watching you, I should be the one thanking you and this is my thank you for everything.
So, thank you for watching me, adding my art to your favourites, commenting, being nice to me and all that. :D I'm sorry if I didn't reply to your comments, I do read them, but rarely have the time to answer them all.
I hope you're being more productive than I am. :roll:
Keep being awesome!
:blowkiss:
DD
Hello my dear friends and watchers!
I'm sorry that I've been away for so long, but classes are killing me. Hopefully, I'll have more time during the winter holidays to answer all the comments and to check out my new watchers. :heart: Since I have 30.000 messages in my inbox, it will probably go a bit slower because I want to see all the amazing artworks that you've been uploading while I was busy.
I'd also like to thank everyone who commented and/or faved my newest DD. :tighthug:
:thumb257374383:
I want to thank GraphiteColours (https://www.deviantart.com/graphitecolours) for suggesting and DemonMathiel (https://www.deviantart.com/demonmathiel) for featuring it.
Hopefully, I'll spend more time on here and stalk y
Featured in Groups
© 2011 - 2024 ScarletteDeath
Comments3532
Join the community to add your comment. Already a deviant? Log In
Mercy! 💜