deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from =Ravyre


×


What is HTML?


HTML stands for HyperText Markup Language. It's used when making a website, and available to use on deviantART to customise what you are writing.

Once you memorise the HTML, it's pretty easy and fun to use.

You can find some codes on the deviantART FAQ #104, but they don't give you all of them.

You can use the codes I am about to give you in artist comments, journal entries, blog entries, profile pages, and more importantly comments!

Literature pieces have less codes available to use than what I just mentioned, but there's still a fair few you can play around with. :)
especially everyone's favourite emoticons. :giggle:



Avatar Linking


:iconusername: swap "username" for a deviant's actual username and you will create a link to their page with their avatar.



Username Linking


:devusername: swap "username" for a deviant's actual username and you will create a link to their page with their username.



Anchor


<a href="http://deviantart.com">deviantART</a> turns into a link, like so: deviantART

<a> stands for anchor.
You don't close the anchor straight away, you leave it open with a space for the next piece of code.

href stands for Hypertext Reference. It tells <a> what to open.

Inbetween the quotation marks to place you web address.

Then you close the open <a with the >

After that, you type the name of your link.

Finally, you close it off with </a>

Basically, in code you're writing:
<Anchor Hypertext Reference="Web address">Name of link</Anchor>



Abbreviation


<abbr title="Be Right Back">BRB</abbr> opens up a little window when you hover over the underlined word to tell you what that word means. BRB.

The code spells out a sentence just as it does for Anchor.

In this case it reads:
<Abbreviation title="The word you are explaining the meaning of">Word being used</Abbreviation>

You can even use Abbreviation for links.

What it looks like:
<abbr title="Where Art meets application"><a href="http://www.deviantart.com/">deviantART</a></abbr>

What it turns into:
deviantART

What it reads:
<Abbreviation title="Slogan, explanation, etc"><Anchor Hypertext Reference="Web Address">Name of link</Anchor></Abbreviation>



Acronym


<acronym title="ta ta for now">TTFN</acronym> does exactly the same as Abbreviation, and can be used in the same way. TTFN

You can even use Acronym for links, just like Abbreviation, however, it leaves a dotted line underneath.

What it looks like:
<acronym title="Where Art meets application"><a href="http://www.deviantart.com/">deviantART</a></acronym>

What it turns into:
deviantART

What it reads:
<Acronym title="Slogan, explanation, etc"><Anchor Hypertext Reference="Web Address">Name of link</Anchor></Acronym>



Anchor Linking


Even simpler than both Abbreviation and Acronym is Anchor Linking.
It has a smooth clean line like Abbreviation and not a dotted line like Acronym.

What it looks like:
<a title="Where Art meets application" href="http://www.deviantart.com/">deviantART</a>

What it turns into:
deviantART

What it reads:
<Anchor title="Slogan, explanation, etc" Hypertext Reference="Web Address">Name of Link</Anchor>

1,726

123 15 7
Download HTML download, 4.7 KB

Details

Stats

Submitted on
August 16, 2011
File Size
4.7 KB
Views
1,726
Favourites
123 (who?)
Comments
15
Downloads
7
URL
Thumb
Only verified accounts can report policy violations. Please check your email and click on the verification link.
* Required field
Add a Comment:
 
love 0 0 joy 1 1 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconcuddlesaurus21:
This is helpful! Thank you!
Reply
:iconnoirs-blood:
*Noirs-Blood Oct 26, 2012  Hobbyist General Artist
I have a question.
.w. is there any other way, then block quote, to indent a certain amount of text?
Reply
:iconmisscarmela:
~MissCarmela Oct 12, 2012  Hobbyist General Artist
Reply
:iconpigstail:
I have a question. Can the "abbreviation" section be applied to thumbnails at all?
Reply
:iconthe-awesomenation:
what about Youtube linking for journals/profile? ouo ))
Reply
:iconravyre:
=Ravyre Aug 19, 2012  Hobbyist General Artist
This was written for a group called #BasicMembers.
The theme of the group is to share HTML and CSS accessible to deviantART members with a basic account.

Saying this though, I may make an extension sharing HTML and CSS for premium members, but clearly stating which account can do what. :)


Thank you for bring this to my attention! :heart:
Reply
:iconxaraix:
Mood: Euphoric ~XaraiX Jul 6, 2012  Hobbyist Artist
Thanks a ton for posting this, it was a real life saver!
Reply
:iconravyre:
=Ravyre Jul 22, 2012  Hobbyist General Artist
Aha, you are more than welcome! :)
Reply
:iconvermilion-heart:
~Vermilion-Heart Apr 29, 2012  Hobbyist Traditional Artist
Very helpful :aww:
Reply
:iconravyre:
=Ravyre May 13, 2012  Hobbyist General Artist
Thank you~ :)
Reply
Add a Comment: