Is it just me or does trying to explain HTML and what it does always seem to make it sound more complicated than it actually is? Very simply, HTML is the building blocks of the web. With it you can create a web page right from the foundations of the layout to the finishing touches of style. Don't get me wrong, it is a fairly involved topic but it really is quite simple to pick up the basics.
What I'll be helping you with here is the formatting aspect of HTML. These are the things that add colour to your page and make your font fancy.
Below you will find a number of examples of HTML formatting that you can use to style your own web pages, dA profiles and journals. All you need to do is copy/paste the code and replace the sample text with your own content. Along with the quick reference I've also written a brief glossary of terms and provided a list of useful links in case you wish to do some further reading.
As always, if you have any questions or problems just let me know.
<b> sample text </b>
<strong> sample text </strong>
<em> sample text </em>
<i> sample text </i>
<small> sample text </small>
<sup> sample text </sup>
<sub> sample text </sub>
<strike> sample text </strike>
<s> sample text </s>
<del> sample text </del>
<ins> sample text </ins>
<u> sample text </u>
<code> sample text </code>
<blockquote> sample text </blockquote>
<h1> sample text </h1>You can define h1 - h6
Please note that the font color attribute does not work on deviantART profiles.
<font face="verdana"> sample text </font>
<font size="3"> sample text </font>You can define sizes from 1-7
<font color="#888888"> sample text </font>
<font color="white"> sample text </font>
<font color="rgb(255,255,255)"> sample text </font>You can define colour using the colour name, hex code or rgb number.
Paragraphs & Breaks
<p> sample text </p>Adds a margin around a block of text
sample text <br> sample textMoves following text to the line underneath. It has no end tag.
sample text <hr> sample textCreates a line to separate sections of content
<img src="http://website.com/image.png">Used to display images. You need to add the direct url of the image you want to link to inside the quote marks.
<a href="http://website.com"> sample text </a>Creates a clickable text link. You need to add the url of the web page you want to link to inside the opening <a> tag.
<a href="http://website.com"><img src="http://website.com/image.png"></a>Creates a clickable image link. You need to add the url of the web page you want to link to inside the opening <a> tag and the url of the image you want to display inside the <img> tag.
HTML (HyperText Markup Language) is a markup language used to create web pages.
Tags are used to define layout and styles. Tag names are enclosed in angle brackets and usually come in pairs consisting of an opening tag and closing tag. The closing tag includes a forward slash before the tag name.
Element refers to the entire content of a pair of tags, including the text between.
<tag> content </tag>
Attributes can be added to an element to further define them. They come in name/value pairs in the form name="value"
<tag color="red"> sample text </tag>
URL (uniform resource locator) refers to the specific location of an item on the internet. It is also refered to as a web address and is used to identify and link to specific pages and content.
Hex codes are a string of six digits and letters preceeded by a hash tag used to define a certain colour.
RGB numbers use a combination of red, green and blue numerical values to define a colour.
Pretty Up Your Profile
Looks at how you can customize your profile page.
A comprehensive information resource covering all aspects of HTML.
Hex and RGB values
Get hex and rgb numbers for any colour
A collection of Open Source fonts you can use on your pages for free.