Learn HTML5 for free

This course contains 14 screencasts. Each handle a core concept of HTML, and most of them are 3–6 minutes. In some of them I’ll encourage you to jump into the code and experiment for yourself, as that’s possible with the interactive Scrimba platform.
    Hello World!
    Atom
    Visual Studio Code
    Sublimce Text
    
    
    <!DOCTYPE html>
    <html>
        <head>
            <link rel="stylesheet" href="index.css">
        </head>
        <body>
            <div class="white"> 
                <div class="green">
                    <div class="red">
                    </div> 
                </div> 
            </div>
            <div class="white">
                
    <!DOCTYPE html>
    <html>
        <head>
            <title>Learning HTML</title>
            <meta charset="UTF-8">
            <meta name="desctiption" content="My first HTML website">
            
            <meta name="viewport" content="width=device-width, intial-scale=1.0">
            
            <link rel="stylesheet" href="index.css">
            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">
            
            <style>
                h1 {
    <!DOCTYPE html>
    <html>
        <head>
            <title>Learning HTML</title>
            <meta name="description" content="My first HTML page">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">        
        </head>
        
        <body>
            <header>
                <nav>
                    Navigation
                </nav>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <section class="center">
                <header>
                    <nav>
                        Navigation
                    </nav>
                </header>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <section class="center">
                <header>
                    <nav>
                        Navigation
                    </nav>
                </header>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
Eric Tirado1:55a year ago
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#top"> Top </a></li>
                    <li><a href="#quote"> Quote </a></li>
                    <li><a href="#contact"> Contact Us </a></li>
                    <li><a href="next.html"> Next Page </a></li>
    <!DOCTYPE html>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="index.css">
        </head>
        <body id="home" class="open-left">
            <div id="offcanvas-left" class="hide">
                <ul>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                    <li><a href="#" >Item 1 </a></li>
                </ul>