CLOSE

Quickly and Easily Learn HTML and How to Build Websites

The best way to learn HTML! Quickly and easily learn HTML code and begin creating your first websites and blogs in no time. Waste no time...let's get right to it!

Things You'll Need

A Domain Name. You will need to purchase a domain name like www.yourwebsite.com. This is is required to view your website on the internet.

Web Hosting. You will need to purchase web hosting. This is also required to upload your site to the internet. It is the storage space on the internet that will host your website files.

Both are very inexpensive and are generally paid for by a monthly or annual subscription. They can also be cancelled at any time.

You will also need a text editor. You can use the default editor (PC will be Notepad, MAC will be TextEdit). We use Atom. It is a free alternative with great code highlighting and useful tools.

Get your First Website Started

Start by getting your domain and hosting. Click below to begin your search for the perfect domain name.

Step By Step HTML

You can learn more about web hosting and domain names by checking out our tutorial on them. Click here to view the tutorial.

What is HTML?

HTML stands for Hyper Text Markup Language. HTML code is used to structure web pages. If compared to constructing a building, HTML would be like the steel or wood frame.

What Does HTML Look Like?

<html>
    Html is very easy!
</html>
Expand

Above is a small snippet of HTML code.

What is CSS?

CSS stands for Cascading Style Sheet. Combined with HTML, it adds styling to your layout. Things like borders, paddings, margins, colors, fonts, backgrounds and more are added using CSS. In our building example, CSS would be like the glass, drywall, paint and other things surrounding the frame.

What Does CSS Look Like?

.className {

    color:blue;
    
} 
Expand

Above is a small snippet of CSS code.

HTML and CSS Working Together

<html>
    
    <head>
        
        <style>
    
            .blueText {
                    
                color:blue;
                
            }
            
        </style>
        
    </head>
    
    <body>
        
        <span class="blueText">This text will be blue!</span>
        
    </body>
    
</html>
Expand

Above is an example of HTML and CSS working together.

Continue to the Tutorials

Now that you've seen what HTML and CSS code look like, continue to the tutorials to learn to build your first web pages.

Help Us to Help You

This website and it's tutorials are only made possible with your support. Support money goes towards keeping our servers online.

Amount

Link to Us

Spread the word! Let people know about our tutorials by placing links on blogs, websites, forums and other places.

HTML Link

Copyright 2016 Step By Step HTML. All Rights reserved.