HTML Tutorial: Getting Started

HTML. Hyper-Text Markup Language. The programming language that changed the web as we know it. Every since the early days of the internet, this programming language has been used on all web pages, and it is what all web browser use to display web pages. But that is just an overview. How do you actually start using it to create websites? Simple.

Start by downloading a text editor, such as Brackets. This is a common, cross-platform text editor designed to build websites. After you finish downloading the installer for your computer, open it up. You will be presented with an interface like this:


The interface is much simpler than most other code editors out there. You may be looking at the text in the middle and being confused, but the rest of the interface is simple enough for most people to figure out. The lightning bolt figure at the right of the screen is what you use to display the page that you code. If you click on it now, you will see that the text in the middle is now being displayed in a webpage, inside your selected browser, or in most people’s case, Google Chrome.

You have just displayed your first web page. Now let us code a really basic one. Create a new file within Brackets by hitting the New button under the File menu. Now copy this code, I will explain it step by step.



First thing that you may see is the greater than and less than symbols everywhere. Don’t worry, they are quite simple to understand. When a computer looks at the code, it needs something to know where the content is located within the text. So, it scans for certain symbols, such as <, or >, and gives them importance based on the text between them.

The < and > define tags. Here is an example of a tag: <p>Some Info</p>
The <sometag> part defined the “opening” of a tag. The one with a slash in it defines the end of the tag, </sometag>. The info in between the < and > tell what to do with the information in between the <> and the </>.

So, the first line. <html> means that this document is an HTML document, and that the browser should process it as such. The second line defines the <head> of an HTML document. The head is like the extra information that doesn’t get displayed on the page. Many extra things, such as font styles and website styles go in the head.

Next we have the <title> tag. This sets the tab name to the text in between the opening and closing tag. In this case, the tab name in the upper left area will be set to Document. As you can see, we then close the tag, because the entire document is not a title, only that area is. It is still part of the head, which is still part of the html.

Now we have the <body>. This is the most important tag, because this is where all of the information will go. All of the content is here! So, we can simply type in text to that area, and it will show up in the web page. Try it now. Type in something to that area, then hit the lightning button on the right to see the result.


Pretty cool, eh! After that line of code, we end each of the tags that we opened up above, in this case the html tag and the body tag.

I will cover more in the next part of this series, which will be mostly video based. If you have any questions, ask me in the comments. Enjoy!

Technology Terms

Do you know the names of many of the things you interact with on a daily basis? Then why don’t people know how technology works, and what things make it up? Your phone, to your laptop, all use these pieces of technology in one cohesive device.

First off we have RAM. Your ram is like your short term memory. Every time you click on a program, it runs in your ram and takes up space there. RAM stands for Random Access Memory. It is measured in GB, or gigabytes. Ram is useful when you are running large programs.


Next up, we have your processor. Your processor, or CPU, executes instructions that are given to it by you. It is measured in GHz, or gigahertz. Gigahertz measures operations per second. It is what determines the speed of your computer, for the most part. Common CPU names include i7, i5, i3, A9, A6. The “i” processors are made by Intel, the “A” processors are made by AMD. CPU’s can also have several cores. Each core is like another “brain” for your computer. It allows it to multitask much better than with less cores.


What about your screen? If you look at a screen, you have many pixels, which are like little light bulbs. A common resolution is HD, or 1920 x 1080. If you multiply the two numbers together, then you get the number of pixels a screen has (which is 2073600). Your TV, your phone, and anything else with a screen has a resolution. A new resolution you may have heard about is 4k. 4k promises 4 times the resolution of HD, and it is an insane amount of pixels in a tiny area. Another term within screens is pixel density. All that tells you is the number of pixels per inch. Each one of these pixels has to be controlled by the computer if you want to use a monitor/screen. What controls it?


Another term you have probably heard is the graphics card. Everyone has that one friend who claims that they have the fastest graphics and the coolest games. All the graphics card does is control the pixels on your screen. It too has it’s own type of RAM, and has cores. However, the graphics card has many more cores than a CPU. The trade off of having many more cores is that each one has a very low gigahertz, such as 1Ghz per core. The reason it has many cores is because it has to run millions of pixels and determine which ones are on. The RAM of a graphics card holds the color values for each pixel. So, the more pixels or higher resolution your screen has, the more RAM you need to hold all of those values.


You have probably heard of Windows, OSX, Android, and IOS. So what do all of these share in common? They are all operating systems! An operating system is a very large program that controls your entire computer. The operating system dictates how you use your computer, and it is the one of the first things your computer runs when it turns on. It is why you can’t usually run apps from your phone on your computer.


There are a few programming languages you have probably heard about, such as HTML, CSS and Java. Where are they used? HTML and CSS are languages of the web. This means that they are used in nearly all web pages, such as Google, and this blog. This is why if you look at the address bar, it will usually end in “.html”. CSS is the language for styling your websites. HTML usually holds all of the content, like this post, and CSS is the one which tells the post how large to be, where to be, and the color. I will be making a HTML tutorial soon!


That’s all for this post. I hope you learned something and have walked away with a greater understanding of the technology around you.

Open Source

As the title implies, this post is about open source. Some people will go like, “Open source? What’s that?” Open source just means that some program, be it something as large as an operating system or as small as a calculator, is freely editable and usable by anyone in the world, free of cost. (Most of these projects ask for donations.) Linux is open source. Well, you ask, “Why doesn’t everyone use open source?” The main reason for that is most open source projects don’t offer support in the form of a telephone number. Instead, they use a forum to ask you, the people, to report bugs and features. I know for ¬†fact that some people think that they should be getting much better support. They are used to support that will be with them 24/7, the entire year.


Here are some of the results of different server jars for mods!
Tekkit Lite: very laggy, even for just one person. It was minecraft 1.4.6
Ftb lite: worked very well, and there was no noticeable lag. Minecraft 1.6.4.
However, ftb lite had no build craft and industrial craft, so I chose not to use it.

Things I will be testing are:
Spigot + tekkit lite
Spigot + risers pack
Tell me what u think.