Image courtesy of Idea go at FreeDigitalPhotos.net
The process by which the elements are laid out on a web page is with HTML (Hyper Text Markup Language). A set of instructions (called Tags) allows the programmer to tell the computer browser where each item is going to be placed. (e.g. Telling the browser that an image is going to be on the left side of the screen and then text will be placed along side of it on the right, as shown below).
|Image here||This is where the text will be added, called ‘Content’|
The HTML ‘table’ is created above which helps align the different components
As mentioned and unlike any other language, HTML commands are encapsulated within tags <>.
In order for the browser to understand that it will be reading HTML, it must first read its tag, so the first tag for HTML would be:
Most tags are non-empty tags, meaning that if you open a tag, (e.g. <html>), you must close it:
Following the ‘html’ tag is the ‘body’ tag (there are other tags before this, but since we are focusing on how content is displayed, we will discuss the other tags in a later article.
Within the body tag is where you provide the tags that outline the position of the images, links and content. Namely, <img src=”” />, <a href=””>Link Text</a> and your content such as the creation of the table above.
Some points to remember about HTML
- It is used on the front end, meaning that this is what the users, called ‘clients’ see on their computer screen.
- It does not support access to the file system. You cannot call up any files from your hard drive.
- It does not contain logic. There are no ‘if’, ‘for’ or ‘while’ loops that can be used, as in traditional computer development languages.
- HTML is NOT case sensitive.
- HTML is a language that allows the web designer to display his or her web pages on the users’ screen and subsequently, allows users to navigate (link) to other pages and or sites on the screen.
- Whole websites can be created just using HTML