Jargon Busting HTML Part One

HTML, Jargon

jargon busting htmlA long time ago, someone told me that you can’t teach yourself HTML, that it’s too complicated etc etc. Okay, so if you want to learn HTML to create an entire website, then yeah, you’d probably need a bit more help but when it comes to running a blog, or a pre-made website, knowing a little bit of the basics can be incredibly helpful. This is especially so, if you just want to edit text or move an image around, and it’s actually really easy to do…as long as you understand it.

The problem is that for a lot of people, me included, HTML acts in the exact same way as jargon (hence why I’m including it in my ongoing Jargon feature!). HTML was created by people with a great deal of knowledge, and it was created – just like jargon – to make their own work easier. The problem with this is, that anyone who isn’t in that area of expertise is going to look at it, and think “what the hell?”.

But what does it all mean? I aim to help figure it out…a little at a time.

Nevertheless, first of all…

What is HTML?

Standing for HyperText Markup Language, HTML is the basic, broken down, jargon (or code) that is used to build-up a web page. Every single action that a website does or needs to exist, from frames to text size and colour, to the location of images, and headers etc will have various pieces of HTML code that singularly may have no real purpose, but together create the website that exists for you and your followers to appreciate.

Brackets

Another important thing to remember about HTML is that the vast majority of the basic HTML always begins with a “<” and ends with a “>”. These symbols help the code to figure out the difference between code and actual content.

 

Code: <BR>

Meaning: Line Break

Used For: Creating a literal break between two lines. Typically this is lines of text, however, it can also be used to creates a break in between images, charts or virtually anything that appears on a web page.

Another way of looking at this “break”, is to imagine starting a new line for a new paragraph.

Example: If you start writing, and then want to start a new paragraph, you would add

<BR>

Which would shift the text that comes after it, on to another line

<BR>

Like so…

 

Code: <H1> </H1> etc

Meaning: Heading Size

Used For: The H stands for Heading, meaning that anything placed between these two pieces of code will be emboldened. The number following the H determines the size of the font.

Example: For example, 1 as used here will be a larger, main heading, whilst higher numbers will create smaller headings. Like this:

<H1>

<H2>

<H3>

<H4>

It does seem a little backwards to have smaller fonts determined by a higher number, but hopefully you get the idea about how it works.

To ensure that you only create Headers using the font that you actually want as a Header, it is important to remember to close off the code. This is the same code as before, however, this time you will need to include the “/” symbol, before the H like this </H1>. So, your code should look like this:

<H1> Heading </H1>

In order to look like this:

Heading

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s