Basics of HTML

HTML can seem daunting at first, but if you take the time to learn a little about it, it gets so much easier! I remember when I first started learning HTML, and I was so confused. I got really frustrated! But with time, you get better, and everything just seems to get a lot easier.

To start, you’ve got your bold:
<strong>...</strong>

People used to just have ‘<b>’ to represent bold, but that’s now invalid.

You’ve then got your italics:
<em>...</em>

Underline:
<font style="text-decoration: underline;">...</font>

And finally, strikeout/delete:
<del>...</del>

Now, to display a link, you use this code:
<a href="URL">Link name</a>

Just replace “URL” with the URL of your link.

You can then add different attributes to it, like the title attribute (hover over the link for an example):
<a href="URL" title="Title">Link name</a>

The title attribute is the title of the link, so when you hover over the link, that appears. Replace “Title” with the title of your link.

And the class/id attribute:
<a href="URL" class="Class name">Link name</a>

Replace “Class name” with the name of your class (optional, links do not need classes).

To display an image, use this code:
<img src="URL" alt"" />

Replace “URL” with the URL of your image.

Again, you can add classes and titles, the same way as with links.

If you’d like an image to be a link, you’d do this:
<a href="URL"><img src="URL" alt"" /></a>

Simple! All I’ve done is put the image code inside the link code.