Interested in web design? Interested in developing a web presence for your business? A DIY type of person? You’ll need to start from the basics. HTML (or HyperText Markup Language) is a markup language that tells a web browser how to display and organise content on a website. HTML is made up of Tags, each with their own properties. We’ll go through a few of them below.
To get started, you need a PC, a text editor, a web browser, a keyboard and a mouse. If you are running a basic PC or Mac then you already have the tools required to make your first website. To get started, load up a new file in Notepad (for PC users) or TextEdit (for Mac users).
Go ahead and type ‘Hello World!’ and save your new file as ‘index.html’. Save this new HTML file in a place that you’ll remember (the desktop will do) and once done, open the new file in the browser. You can do this by right-clicking the file and opening the file with a browser. Now, you should see your first web efforts fruitfully displayed on the browser screen. Exciting right? Hmm, maybe not. To make things a little more interesting, we need to add some styling to the page. But we’ll save that for another day.
Most modern browsers conform to a series of web standards called W3C standards which regulate and ensure compatibility between browsers. This means that the HTML code must conform to these standards. The standards regulate that the most basic web page structure should follow:
<html> <head> The <head> stores links to other things the web page needs! </head> <body> Hello World! The <body> tag stores the websites content </body> </html>
Note how there are 3 tags here, the tags become nested in one another to form the document called the DOM. These 3 tags are the foundations of every single web page that you see on the internet and, in addition to other tags including <div>, <p> <span> <h> <i> <b> (amongst many others) are able to form complex, simple, minimalistic, creative and inspiring web pages.
Please follow this series as we develop your web design and development skills!