Without going into too much detail (because there is A LOT of detail out there) Hypertext Markup Language, or HTML, is a system that allows the user to alter and add a wide range of aspects and items on World Wide Web (www) pages. These include the uploading of images, changing of fonts and text styles as well as the adding of hyperlinks to web pages, and much, much (almost too much) more! Your web browser, and your Notepad program (TextEdit for Mac users) are the lock and the key respectively, together they can give you access to the world of HTML. To enter this world:

Step 1: Open Notepad in Windows 8 (or later) or TextEdit for Macs
Step 2: Write or copy some HTML into Notepad
Step 3: Save the HTML Page
Step 4: View the HTML Page in Your Browser
And you are ready to go!

A few important things to mention are the definitions of elements and attributes, as they are used often and a working knowledge of the two will do you all sorts of favours. A HTML element usually consists of a start and an end tag, with the content inserted in-between. An attribute is used to provide additional information about HTML elements. They are always specified in the start tag and usually come in values and or pais such as name=value.

In this post and in subsequent ones, we will be covering just a few of the basics that will help you get started with HTML! Today we will show you how to upload an image.

Adding an image: In HTML, images are defined with the <img> tag. You will need to use this element to define an image. Using the HTML src attribute to define the URL of the image (where the image is located on the www). You can then use the HTML alt attribute to define an alternative text for an image (use this only if the text cannot be displayed) Use the HTML width and height attributes to define the size of the image.

Stay tuned to find out more!