Tech – HTML Primer

Since there seems to be a small demand for HTML data, I figure it a good idea to give a little point by point on some basic HTML syntax. The basics of some light formatting, links, and image insertion are what I’ll pass over briefly. Nothing too fancy, but enough to make your entries nice.

First of all three sets of good formatting flags.

First Bold, which is simply surrounding text with a . The first of the two tags is an opening tag, the second a closing tag.

Example: ‘This is Bold‘ is easily reproduced like this: ‘This is Bold‘

The same holds true for Underline: and Italics: .

Note: Do not have any spaces within the opening or closing tags.

For links, it’s a little more involved. They follow the same opening and closing tag structure as above. The format is as follows.

For example: DarkRen’s Diary

The code for it would look like this:

DarkRen’s Diary

Note: The link above is dark blue colored, the default color for web links. That’s because I didn’t include the font tag that I use to change the color. That’s another open and closed tag set like this: . I surround the text I’m linking with that to make it light blue. The numbers/letters is a hex code that signifies a color. For a list of web safe colors and their hex values, take a look here: VisiBone Webmaster’s Color Lab. 216 web safe colors.

For link tags, there should only be one space, between A and HREF. Otherwise, there should be no spaces within the opening and closing tags.

Lastly, images. Images are a little easier as you only need one tag, rather than two. It’s formatted like this:

Example:

To insert that image would take the following tag:

And if you want to have your image be a clickable link, then you just surround the IMG tag with link tags, which will make it clickable just like it will do for text. Just like that. 🙂 I probably won’t delve into anything more complex unless its specifically requested because I have a minor in HTML skills. But if you want to know about something in particular, ask and I might see if I can scrape a little guide together.

Be well folks.