Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Lessons:8Length:48 minutes

Next lesson playing in 5 seconds


Free Preview: Start Here: Learn HTML Basics

Start Here: Learn HTML Basics

  • Overview
  • Transcript

The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it works, and how to use its most common elements. You’ll go from a blank slate to having your first fully functioning, basic hand-coded page. This will give you the fundamental foundation on which all your future designs can be built. So let’s jump into “Start Here: Learn Basic HTML”.

More from our Start Here course series:

Learn CSS: The Complete Guide

We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.

1. Introduction

1.1 Start Here: Learn HTML Basics

If you wanna learn web design, but you've never written a line of code in your life, then start here. In this course, you're going to learn from the absolute beginning how to work with HTML. You're gonna learn exactly what HTML is and how it relates to a web browser. You're gonna learn how HTML elements make up websites. You're gonna learn how HTML tags make up HTML elements. You're gonna learn about HTML attributes. And we're gonna shortcut getting you to the point where you can create really good websites by showing you the most common HTML elements. And then you're gonna take everything that you've learned throughout the course and you're gonna make your own basic web page from scratch. So even if you have absolutely no experience with coding whatsoever, by the end of this course you'll know all the most important things about coding HTML. So let's go ahead and start here and learn HTML basics. I'll see you in the first lesson.

2. Learn Basic HTML

2.1 What Is HTML?

Hi my name's Kezz Bracey for Tuts+. Welcome to the first lesson of start here learn HTML basics. In this lesson we're gonna start at the very beginning and that's with a quick rundown of what HTML actually is. So the actual term HTML stands for HyperText Markup Language. Now the key word in there is Markup so HTML is the type of markup language. So the next question is gonna be well what is markup? Markup is basically some extra information that you can add to content or to data or other types of information, to give instructions on how it should be presented or how it should be otherwise used. So this is probably most easily understood by seeing in action. On the left here, you've got a pretty standard HTML page. Now, don't worry too much about understanding what you're seeing here. We're gonna go through everything in detail in the subsequent lessons. But I just want to show you some of the effects that you have by using different types of markup, different types of HTML. There and have this document here, this is an HTML document and it's being viewed inside the current browser and this is what we're seeing. Now a HTML document is basically just a text file that has the File extension either .HTML or .HTM. And you can view any HTML file in any browser in kind of the same way that you would view a word document in would, for example. We have this text here, and our HTML document is appearing up here in our web browser. Now around the sentence we have some HTML. Some mark up. Now if we change that mark up, we can change the instructions that are given to the browser in hints the appearance of a text here. So let's see some examples. Right now, we've got this text marked up as a medium size heading. But we can change that to be marked up as a different size heading, so that increases the size of the text. And we could change the mark up again so that instead of being a heading at all it becomes a paragraph. Or we could change the mark-up again, and instead of it being a heading or a paragraph, we can turn it into a bullet list. So by changing the type of HTML, the type of mark-up that you use with your content, you give different instructions to a web browser on how your content should be displayed. So the process of learning HTML, is just a matter of learning which markup is going to give what instructions to the browser. So you can make your web pages look the way that you want them to. And they're old different kinds of HTML different kinds of mock up. They're available to create all different types of results in a browser window. You can control takes display, image display, how things are organized into sections, links, and all different types of stuff. And you're gonna start learning how all of that works in the next lesson where we go through the fundamental building blocks of HTML. That is HTML elements. So see you in the next lesson.