SBS HTML Logo
Step By Step HTML
CLOSE

HTML Tutorials For Beginners

The best way to learn HTML! Quickly and easily learn HTML code and begin creating your first websites and blogs in no time. First, there are some key things you'll need to get your website online. Learn more below.

Web Hosting

Web Hosting. You will need to purchase web hosting. This is required to upload your site to the internet. It is the storage space on the internet that will host your website files. Hosting is 60% for a limited time only exclusively through Step By Step HTML. Choose your plan below. Step By Step HTML

Domain Name

Domain Name. You will need to purchase a domain name like www.yourwebsite.com. This is required to view your website on the internet. Start your search below to take advantage of our limited time offer $12.95 / year .com domain names! Step By Step HTML

Text Editor

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.

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.

On to The Tutorials

HTML Beginnner Tutorial

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.

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 2018 Step By Step HTML. All Rights reserved.