Group Info Group Founded 10 Years ago Statistics 4,027 Members
157,941 Pageviews5,685 Watchers

Question


hello,~! uh lol idk how to say this but i need help with something. please help me, i cant figure out how to do it, but
i want to make like a picture link.
and what im talking about is
theres a little picture, and it says "click for my tumblr" and when u click the picture it takes you out of dA and on that persons tumblr, youtube, or instagram (wutever the pic would say)/
but its a drawn pic from the person. i want to do that for me but i dont know how! no clue!
but, thx for u time reading this lol c,: <3


Answer


:wave: Hey!

No worries about not understanding =) It uses something called HTML to create the link and then wrap it around the image. We create a link using an Anchor link, which looks like this:

<a href="http://www.google.com">Google</a>

<a starts the anchor link, and tells the browser that this will be a link!
href="http://www.google.com"> href stands for hypertext reference, and is followed by an equals sign and two quotation marks which surround the link you want to share (so this could be a tumblr link, or a facebook link).
Google Here we simply type the text of the link! (See example below for clarification).
</a> Then we need to close the tag, so the browser knows that the link has ended, and no further text should be linked.

If we copy the code above we get:

Google

Only "Google" is shown, and if we click on it, we go to http://www.google.com (like we specified inside the quotation marks). The little arrow next to Google is generated by deviantART to show an external link.

Note: It's important to include the http:// , else your browser won't realise it's a link correctly. Just make sure you copy and paste from your browser and you'll be okay!



So how do we add an image instead?

See in our previous example where we've written Google? All we need to do is replace this with the code for an image:

<img src="http://st.deviantart.net/minish/main/logo.png" />

<img as before, this tells the browser that this will be an image.
src="http://st.deviantart.net/minish/main/logo.png" src stands for source, and (like href) is followed by an equals sign and two quotation marks, which wrap around the image link. (I've underlined the image link to help it stand out for you).
/> the image link is closed differently to the anchor tag, and simply ends like this.

So when we use the code above, we get:






Now let's combine them!

<a href="http://www.google.com/"><img src="http://st.deviantart.net/minish/main/logo.png" /></a>

Now if you click on the image, it will take you to Google.com!







Do you have a question about anything?



For example: What strength pencil should I use for dark lines? Should I use <b> or <strong> to make text bold?

Ask it in the comments or through a note, and I'll post the questions in this blog. Then either myself or someone else will strive to answer it with either a written answer, or a link to a helpful tutorial/article! :dummy:
More Journal Entries

Admins

:icongroupsplz:

We would love you to join! Just hit the "Join this group" button at the top of the page and you will be automatically approved! You don't need to be a tutorial creator to join this group - in fact, we encourage beginners to join so they can give us feedback on how useful our tutorials are for those who are new to a program!

Divinity




Deviants

Affiliates

Now accepting Affiliates! But be warned, we only accept groups with tutorials!

:iconprofessionaltutorial::icontips4you::iconteach-me-with-a-shot::iconbest-textures:

Recent Journal Entries

Weekly Stats

0
1
0
0
0
nothing happening
1 accepted
nothing happening
nothing happening
nothing happening

Folder Classification

Gallery Submissions
:gallery:

There is currently no limit on the number of tutorials you can submit! Excellent news no? All submissions will need to be voted on before being shown in the group, but this is just to filter out any non-tutorial pieces.

Please submit your work to the correct folder!

:bulletwhite: :bulletwhite: Featured :bulletwhite: :bulletwhite:
This folder features tutorials on how to create a tutorial. You cannot submit to this folder. If you have a tutorial which you feel belongs in this folder, please send the group a note.

:bulletwhite: :bulletwhite: Photoshop :bulletwhite: :bulletwhite:
Any tutorial which relates to the functions of Photoshop, or is specifically catered to Photoshop, goes into here.

:bulletwhite: :bulletwhite: Paint Shop Pro :bulletwhite: :bulletwhite:
Any tutorial which relates to the functions of Paint Shop Pro, or is specifically catered to Paint Shop Pro, goes into here.

:bulletwhite: :bulletwhite: Gimp :bulletwhite: :bulletwhite:
Any tutorial which relates to the functions of Gimp, or is specifically catered to Gimp, goes into here.

:bulletwhite: :bulletwhite: SAI :bulletwhite: :bulletwhite:
Any tutorial which relates to the functions of SAI, or is specifically catered to SAI, goes into here.

:bulletwhite: :bulletwhite: Drawing :bulletwhite: :bulletwhite:
Traditional drawing tutorials which either detail how to perform specific techniques with traditional methods (painting with brushes, drawing with pencils, etc.) go into here. This folder also includes general anatomical tutorials.

:bulletwhite: :bulletwhite: Artisan :bulletwhite: :bulletwhite:
Any tutorial which details how to create a physical item (such as jewellery, or plushies) goes into here.

:bulletwhite: :bulletwhite: Web Design :bulletwhite: :bulletwhite:
Any tutorial which explains HTML, CSS, PHP (or any other language which can be used in websites), or details how to create a web site design, go into here.

:bulletwhite: :bulletwhite: Deviant Art :bulletwhite: :bulletwhite:
Any tutorial about DeviantART goes into here!

:bulletwhite: :bulletwhite: Food :bulletwhite: :bulletwhite:
Tutorials, or recipes, for all foods go into here.

:bulletwhite: :bulletwhite: Photography :bulletwhite: :bulletwhite:
Any tutorials which detail photography techniques go into here; tutorials which offer post-processing through a graphics program do not belong here, and instead need to be submitted to the programs corresponding folder.

:bulletwhite: :bulletwhite: Writing :bulletwhite: :bulletwhite:
Any writing tutorials, whether fiction or non-fiction, belong here.

:bulletwhite: :bulletwhite: Walkthroughs :bulletwhite: :bulletwhite:
A walkthrough is a group of screenshots/photos which detail your process through a specific piece of art. Whilst textual guidance is unnecessary, it is appreciated.

:bulletwhite: :bulletwhite: Other :bulletwhite: :bulletwhite:
Anything which doesn't fit in the other categories belongs here!

:bulletwhite: :bulletwhite: Journal Features :bulletwhite: :bulletwhite:
Any journal which features tutorials goes into this folder.

Gallery Folders

Featured
HOW TO DRAW CROSSED ARMS by Christopher-Hart
Drawing Tip of the Day! by Christopher-Hart
SNEAK PEEK! by Christopher-Hart
DRAWING COMIC BOOK POSES - HINT by Christopher-Hart
Photoshop
Glow Video Tutorial - Photomanip Walkthrough by kuschelirmel-stock
Coloring Tips #2 Tutorial by nehas91
Photoshop - Photo Edit Tutorial by PhrejaAlt
Bright Haze tutorial by Luna1282
Paint Shop Pro
Morningpanda's Digital Art Tutorial by MorningPanda
4 Steps - From Photo to Scan by shesgonepostal
Interface-Web Design Tutorial by aliceferox
Making Blood Tutorial 2 by aliceferox
SAI
Tutorial- Soft Shading in Sai by ThirdPotato
Sai Tips and Tricks by KingVego
Sai Tips and Tricks #2 by KingVego
SAI
Traditional Art
FACIAL DEVIATIONS REF SHEET 2 - NOSES (Ed.2) by b1xxx
Chital deer anatomy by oxpecker
Bird anatomy studies by oxpecker
Young lion walkthrough by oxpecker
Artisan
Eevee Evolution Hooded Shrug Sewing Pattern by SewDesuNe
Night Fury Toothless Plush Sewing Pattern by SewDesuNe
Mewnicorn Kitty Unicorn Plush Sewing Pattern by SewDesuNe
Eevee Evolution Zipper Pouch Sewing Pattern by SewDesuNe
Web Design
Photography
What is Infrared Photography? [Infographic] by SteveCampbell
Walkthroughs
DrawDeercember day 14: Moose by oxpecker
Other
Illustrator Line Art Coloring Tutorial by honeyburger

Comments


Add a Comment:
 
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Dec 27, 2018  Hobbyist Digital Artist
:heart: :hug:
Reply
:icontextlesskeyartfinder:
TextlessKeyArtFinder Featured By Owner Dec 22, 2018
Thank you for accepting me into your group.
Reply
:iconalexiafelix:
alexiafelix Featured By Owner Mar 26, 2018  Hobbyist Digital Artist
the group is still active ? my submision expired :3
Reply
:iconcoolerdeath:
coolerdeath Featured By Owner Jul 25, 2017  Hobbyist Digital Artist
do we have layout and positioning tutorials  ?
Reply
:icontehangelscry:
TehAngelsCry Featured By Owner Jul 26, 2017  Professional Interface Designer
Layout/positioning in regards to what? :) 
Reply
:iconcoolerdeath:
coolerdeath Featured By Owner Jul 26, 2017  Hobbyist Digital Artist
kinda like organizing stuff to look best (i dunno how to say it)
Reply
:icontehangelscry:
TehAngelsCry Featured By Owner Jul 27, 2017  Professional Interface Designer
What medium? Digital art, web design, print?
Reply
(1 Reply)
Add a Comment: