HOME | DD

PandaProjectile β€” dA Basics - HTML

Published: 2011-08-09 04:42:48 +0000 UTC; Views: 50551; Favourites: 2263; Downloads: 325
Redirect to original
Description Sometimes people ask me: "How did you do that with the link?" or some other random HTML question. I try to answer using the code but it comes out weird because it's via comment and the code is already taking effect. Thus being ineffective.
So I came up with this little piece to help teach some basics about HTML for deviantART and in general. It's a picture because Photoshop doesn't use HTML >w> I would've made this look nicer but I'm tired from today and ready to go to bed so I just added some random doodles.
Yes this is all correct because I do teach HTML in real life and I've learned it myself -.-
If you have any questions feel free to ask in the comments and I'll respond in the best way possible.
I may make another one to cover the PLZ accounts briefly and some other things dA has.

EDIT: I really do appreciate all the faves and downloads this has been getting! I never expected it to become so popular, I maybe expected like two or three faves from people I know in real life but of course there's no possible way I know every single person that has given this a fave! I have actually planned on making an updated version of this and the other two so it's a bit better? Not sure how to explain but it'll still be as simple as before! :3

In depth version. Where it can be used and how.
Third tutorial
Thumbnail tutorial
Related content
Comments: 381

crazzycat5 [2016-07-01 17:53:43 +0000 UTC]

Ah Im still having problems understanding what im suppose to do for links, I followed what this post has but it doesnt work OTL

πŸ‘: 0 ⏩: 0

TIRED-WHISKEYY [2016-03-29 01:01:08 +0000 UTC]

Okay so I am having problems finding out how to put a picture intstead of a link but the picture leading to another picture

πŸ‘: 0 ⏩: 1

SheBeeSalty In reply to TIRED-WHISKEYY [2016-06-20 20:47:24 +0000 UTC]

Do you mean how to link the image? Β (I'm adding spaces so that you can see it; spaces only occur at: 'a href', 'img src', and any other specifications you may include, such as the 'width=""'
< a href="url link" >< img src="img link" >< /a >
The url link and the image source link don't have to match; the image source will pull up the picture, but when you click on the picture, you could make it take the viewer to your profile page, or elsewhere. Β But if you match them, then it will take you to the image source page. Β However, for best results, right click the image you want to use and "open in new tab."
Ex.:
This page =Β  pandaprojectile .deviantart.com/art/ dA-Basics-HTML-251836154 Β (dA can be weird and annoying so I added spaces for visual aid)
The image source =Β orig11.deviantart.net/02ff/f/2…
So to link here, the coding would look like
< a href="panda projectile.deviantart.com/art/ dA-Basics-HTML-251836154 " >< img src="orig11.deviantart.net/02ff/f/2… " >< /a >

To make the concept easier to understand, basically, the image source link is the "name" of your link you are creating, like how you can type "here" as the hyperlink.
Make sense? (: Β I can add more about the afformentioned "width," at the top ^^

πŸ‘: 0 ⏩: 0

NHD76 [2015-11-19 10:14:29 +0000 UTC]

thank you so much !

πŸ‘: 0 ⏩: 0

PinkoPrint [2014-09-06 19:13:45 +0000 UTC]

Thanks! This helped me with my web design class.

πŸ‘: 0 ⏩: 0

BeadGCF17 [2014-08-25 03:31:24 +0000 UTC]

if you want to see an html without it going into effect, interrupt it with another html, like so: >> (i had to do another interruption to get that to show XD)

πŸ‘: 0 ⏩: 0

kirbykirby56 [2014-07-28 03:33:50 +0000 UTC]

Thanks so much!

πŸ‘: 0 ⏩: 0

Rainbow-Tigris [2014-07-05 08:51:00 +0000 UTC]

i hope to work

πŸ‘: 0 ⏩: 2

Luna950 In reply to Rainbow-Tigris [2014-07-20 17:06:53 +0000 UTC]

I think you mean


Plus, it doesnt work in comments

πŸ‘: 0 ⏩: 1

Rainbow-Tigris In reply to Luna950 [2014-07-20 17:20:50 +0000 UTC]

k

πŸ‘: 0 ⏩: 0

Rainbow-Tigris In reply to Rainbow-Tigris [2014-07-05 08:51:49 +0000 UTC]

blaaah XC

πŸ‘: 0 ⏩: 0

ronnieangell [2014-02-21 04:59:44 +0000 UTC]

Do you know how to do those colored bullet points? It would be much appreciated ^.^

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to ronnieangell [2014-02-24 07:19:52 +0000 UTC]

Oh yea! c:

:bullet_____: the blank is the colour c:

πŸ‘: 0 ⏩: 1

ronnieangell In reply to PandaProjectile [2014-02-25 00:58:36 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 0

Girokett [2013-12-07 17:10:48 +0000 UTC]

oooooh, well, this is really helpful, O3O

thank you very much for this nwn

Awesome

πŸ‘: 0 ⏩: 0

Twittar [2013-10-27 15:46:04 +0000 UTC]

~Twittar

πŸ‘: 0 ⏩: 0

The-Lost-Hope [2013-09-07 18:21:31 +0000 UTC]

I'm testing this: Commission Examples

πŸ‘: 0 ⏩: 1

The-Lost-Hope In reply to The-Lost-Hope [2013-09-07 18:21:50 +0000 UTC]

Nope didn't work right...

πŸ‘: 0 ⏩: 0

PlNKlSH [2013-08-15 13:28:24 +0000 UTC]

Testing italic

Testing bold

Testing underlines

testing strike

Testing sup

testing small

Testing paragraph

Β 

πŸ‘: 0 ⏩: 0

PlNKlSH [2013-08-15 13:18:10 +0000 UTC]

I LOVE YOU TY SO MUCH<3333

πŸ‘: 0 ⏩: 0

PureTassel [2013-08-06 07:03:07 +0000 UTC]

I don't know if the code for links had changed.

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to PureTassel [2013-08-06 07:07:18 +0000 UTC]

It hasn't.

πŸ‘: 0 ⏩: 1

PureTassel In reply to PandaProjectile [2013-08-06 07:18:00 +0000 UTC]

If the code for links didn't change, could you give me an example? Like this website about orgonite:Β www.orgonite.info/

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to PureTassel [2013-08-06 21:48:42 +0000 UTC]

Here's a link to Google

πŸ‘: 0 ⏩: 1

PureTassel In reply to PandaProjectile [2013-08-07 04:52:45 +0000 UTC]

Doh...! What was I trying to even think about? 0_0

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to PureTassel [2013-08-07 05:14:54 +0000 UTC]

I am unsure. You were asking me about the hyper reference code possibly being changed?

πŸ‘: 0 ⏩: 0

Dunoid [2013-07-23 01:24:59 +0000 UTC]

Look what I linked!

πŸ‘: 0 ⏩: 0

TaylorBoykino3o [2013-07-19 20:57:56 +0000 UTC]

test


πŸ‘: 0 ⏩: 0

SarahThePegasister [2013-07-14 04:32:09 +0000 UTC]

testing
testing
testing
testing

πŸ‘: 0 ⏩: 0

Bluechickens [2013-06-25 15:52:59 +0000 UTC]

<[link] > D: Its not working is it?

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to Bluechickens [2013-06-26 02:13:36 +0000 UTC]

Unfortunately, no. I would suggest looking closely at how you typed the code.

πŸ‘: 0 ⏩: 1

Bluechickens In reply to PandaProjectile [2013-06-26 15:57:28 +0000 UTC]

k..

πŸ‘: 0 ⏩: 0

Bluechickens [2013-06-16 22:10:11 +0000 UTC]

Ok, thanks! Do you mind if I do a random link? Just to try....

<[link] > IS IT WORKING?!

πŸ‘: 0 ⏩: 2

PandaProjectile In reply to Bluechickens [2013-06-16 22:40:26 +0000 UTC]

The URL code unfortunately did not work. Try double-checking what you typed and give it another go ^^

πŸ‘: 0 ⏩: 1

Bluechickens In reply to PandaProjectile [2013-06-25 15:53:17 +0000 UTC]

Ok..

πŸ‘: 0 ⏩: 0

Bluechickens In reply to Bluechickens [2013-06-16 22:10:48 +0000 UTC]

.-. Thanks..

πŸ‘: 0 ⏩: 0

TaylorBoykino3o [2013-05-11 16:35:16 +0000 UTC]

Cool ;A;

πŸ‘: 0 ⏩: 1

TaylorBoykino3o In reply to TaylorBoykino3o [2013-05-11 16:36:22 +0000 UTC]

And How do you you make the. REALLY small?

πŸ‘: 0 ⏩: 1

Sonikkus-Bunny In reply to TaylorBoykino3o [2013-05-29 09:02:30 +0000 UTC]

you do < sub >< sub > and the more you add the smaller it gets

πŸ‘: 0 ⏩: 1

TaylorBoykino3o In reply to Sonikkus-Bunny [2013-05-29 15:17:50 +0000 UTC]

Thanks

πŸ‘: 0 ⏩: 1

Sonikkus-Bunny In reply to TaylorBoykino3o [2013-05-30 00:17:01 +0000 UTC]

You're welcome

πŸ‘: 0 ⏩: 1

TaylorBoykino3o In reply to Sonikkus-Bunny [2013-05-30 00:27:09 +0000 UTC]

OH! How do you cross things out?

πŸ‘: 0 ⏩: 1

Sonikkus-Bunny In reply to TaylorBoykino3o [2013-05-30 00:29:28 +0000 UTC]

< s >insert her < /s > or < strike >insert here < /strike > without spaces
like this

πŸ‘: 0 ⏩: 1

TaylorBoykino3o In reply to Sonikkus-Bunny [2013-05-30 00:39:54 +0000 UTC]

Did it work? ;A;

πŸ‘: 0 ⏩: 2

Sonikkus-Bunny In reply to TaylorBoykino3o [2013-05-30 00:43:28 +0000 UTC]

yep! (:

πŸ‘: 0 ⏩: 0

Sonikkus-Bunny In reply to TaylorBoykino3o [2013-05-30 00:43:21 +0000 UTC]

yep! (:

πŸ‘: 0 ⏩: 1

TaylorBoykino3o In reply to Sonikkus-Bunny [2013-05-30 02:16:57 +0000 UTC]

Yay! c:

πŸ‘: 0 ⏩: 0

Aziria [2013-05-10 18:06:57 +0000 UTC]

thank you<3

πŸ‘: 0 ⏩: 0

Faithful-Imagination [2012-12-28 19:29:10 +0000 UTC]

This is great! THANKS!!! But...

I did this one but it wouldn't work!

Tall

πŸ‘: 0 ⏩: 1

PandaProjectile In reply to Faithful-Imagination [2012-12-28 21:23:34 +0000 UTC]

The heading code doesn't work in comments >.<

πŸ‘: 0 ⏩: 1


| Next =>