Find out how to create a website of your own from scratch? Without the help of editors? Or do you need to know a little bit HTML for your daily work? This step by step course will explain it to you in 19 steps.
I’ve worked as a web designer since the middle of the 90s. I use HTML daily to create some really cool things. My online HTML course will provide you all the basics and prepare you for the rest. Let’s get you started!
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 …
Last update: February 15, 2019 Starting an HTML file is easy. The first thing we need to define, is the fact that we’ll be ‘programming’ in HTML. You do this as followed: Type this in Notepad: <html> </html> With <html>, you open your document and state that whatever is to …
Last update: February 15 2019 An HTML document has two parts: A Head and a Body. The Head usually contains a title that appears at the top of a browser tab. The Body contains all the details about the lay out. This shapes the website that becomes visible in the …
Last update: February 15 2019 Now, let’s start designing the lay-out of the web page by creating the Body of the HTML document. The BODY-element needs to be opened and closed. Anything written in between will show in the browser window. BTW, you’ll be learning 3 things in this step: …
Last update: February 15 2019 What’s a website without text? In this step, you’ll learn: How to add text How to add line breaks (enters) and paragraphs How to create additional white space in sentences Adding Text Whatever you type, in between the BODY-tag, becomes visible in the browser window. …
Last update: February 15 2019 Of course, you want certain parts of your text to grab the attention. You have a few options available to do this: Bold, Underline, Italic or Strike Through Scroll text horizontally Blink text Bold, Underline and Italic Let’s start with: underline, bold or italic. In …
Last update: February 15 2019 You can also make text stand out using FONT-tag. This allows you to: Adjust the size of the text Change the type of font you’re using Note: Though it’s great to know about this, usually we use CSS for this and, I predict, that the …
Last update: February 15 2019 Besides adjusting the font type and its size, you can also add the COLOR-attribute to the FONT-tag. Remember, within the BODY-tag, a TEXT color was defined for the whole document. Now, we’ll (temporarily) adjust this later on in the document with the FONT-tag. Color Codes …
Last update: February 15 2019 This is probably one of the most important tags to use on your website. In HTML, you can create headings in 6 different sizes. In recent years, the popularity this tag has risen, thanks to the importance of it for ranking in search engines. However, …
Last update: February 15 2019 When you use large amounts of text in HTML, you can divide your text into sections by adding a horizontal rule line. The code for this is <HR>: <html> <head> <title>my own homepage</title> </head> <body background=”images/background.gif” bgcolor=”#ffffe1″ text=”#808080″ link=”#ff9b6A” vlink=”#ff0000″> <font face=”Arial”> <H2>A short introduction</H2> …