Let’s create a webpage using HTML, then view it in a web browser. OK, lets get straight into it. Here, you will learn just how easy it is to create a web page. In fact, by the time you’ve finished with this web page, you will have created your own web page! When you create […]

HTML elements are the fundamentals of HTML. HTML documents are simply a text file made up of HTML elements. These elements are defined using HTML tags. An HTML element is an individual component of an HTML document. Any given web page consists of many HTML elements. HTML tags tell your browser which elements to present and how […]

Here, we look at formatting and semantics within HTML documents. HTML provides the structure of the document (consisting of all the individual HTML elements on the page). HTML also provides the semantics of an HTML document. Elements are generally used for a particular meaning. For example, a heading level 1 is more important than a heading […]

CSS allows you to specify how each HTML element is presented to the user. HTML is quite limited when it comes to the appearance of its elements. This is not so good if you’re trying to give a website a unique look and feel, or you’re trying to adhere to a corporate identity. But it’s not […]

Colors are applied to an HTML element using CSS. You can also pick which part of the element to apply color to. We’ve just seen the various ways of applying styles to an HTML document. Some of those examples included adding color to the document. Seeing as color is a major part of any website design, […]

This article explains how to create a link from one page to another. It also outlines the different types of hyperlinks. Links, otherwise known as hyperlinks, are defined using the <a> tag — otherwise known as the anchor element. To create a hyperlink, you use the <a> tag in conjunction with the href attribute. The value of the href attribute is the URL, or, location […]

Images make up a large part of the web — most websites contain images. HTML makes it very easy for you to embed images into your web page. To embed an image into a web page, the image first needs to exist in either .jpg, .gif, or .png format. You can create images in an […]

Meta tags allow you to provide metadata about your HTML pages. This can be useful for search engines, browsers, and other applications trying to understand more about your page. What is Metadata? Metadata is information about, or that describes, other data or information. If we relate this to a web page, if you think about it […]

HTML comments help explain the code and are not visible to your website visitors. Any HTML document can contain comments. Although comments are optional, they can be very useful. Now, I’m not talking about the comments section at the bottom of an article, where readers can post their comments. I’m referring to comments within the […]

This page explains the basics of creating HTML forms. HTML enables us to create forms. This is where our websites can become more than just a nice advertising brochure. Forms allow us to build more dynamic websites that allow our users to interact with it. An HTML form is made up of any number of form […]

HTML Frames Before we leave the subject of iframes, let’s talk about frames (as opposed to iframes). HTML frames allow you to split the whole window up into different frames. For example, you can have a frame to display your left menu, another frame to display the top menu, and another frame to display the main content area. […]

A brief introduction to the concept of HTML entities. HTML entities (also known as character entity references) enable you to add a wide range of characters to an HTML document. Characters ranging from icons, mathematical operators, geometric shapes, arrows, multilingual scripts, and much more, can be displayed in a web page by adding a small line […]

So you’ve made it to the end – Congratulations! You now have the knowledge required to hand code your own website. Recap We have covered off a lot in this tutorial. To recap: We started with an introduction to HTML, and what it’s used for. We then created a basic webpage, before moving on to […]