The cool thing about HTML5 is that it allows you to add audio and video to your site without needing much ado about anything. It’s really made easy with the new <audio> and <video>-elements. <audio>-element Suppose we have a soundfile called “Nora-Tol-mega-mix.mp3”. Change your HTML sample file to look like this: …
In HTML5 you can still use all the options you’ve always had available to create lists, but there are a few new functions. <ol>-element The <ol>-element now allows you to reverse the order of the list, so let’s add a nice little pop chart to our sample file and reveal our number one …
Creating links in HTML5 is still done the exact same way as before, but a lot of attributes have been added over the years, so I thought I’d show you all the options you can still use in HTML5. Add links <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Whatever title of your …
<svg>-element: Scalable Vector Graphics New to HTML5 is the <svg>-element. This cool element allows you to create scalable vector graphics. So what are they? Well, an image like a .jpg file is always based on a bitmap. When you scale this to a larger size, you will lose quality. It …
The <canvas>-element also allows you to draw on your website. However, in contradiction to the <svg>-element, the <canvas>-element is not seen as an object, but it’s seen as a container. This means that the browser won’t be remembering the figure, but will therefor rebuilt the graphic each time you change an …
Forms in HTML5 are still created the same way as before, but there are some cool new functions that are so worth mentioning. To show you the possibilities, let’s create a contact form just like in the old HTML course, but we’ll add some of the new features to it. …
The World Wide Web Consortium (W3C) is an international consortium of web professionals and public. They develop standards within the most commonly used techniques on the web. This is supported by all browsers. There’s a W3C standard developed for HTML. It’s not a different version of HTML, but it does …
I’m so pleased that my step by step HTML course continues to attract so many people who are eager to learn about building websites. It’s been one of the most popular items on my website for over 10 years! This has never gone unnoticed by me and the course has therefore …
Using CSS in a HTML document allows you to easily determine the style for the whole document. To give you some idea of what I mean and how it works, I will give you some examples. <HTML> <HEAD> <TITLE>Cascade Style Sheet test</TITLE> <STYLE TYPE=”text\css”> <!– td { font-family: arial; font-size: …
Welcome to my free online Step by Step HTML course. First, let me explain some of the basics. Last update: February 15, 2019 What does HTML stand for? What does it do? HTML stands for Hyper Text Markup Language. With HTML, you either define the location of photos and text …