Learn HTML in 12 Minutes

By -

Video is ready, Click Here to View ×


In this short HTML tutorial, I explain the basic structure of an HTML webpage and introduce some important tags.

Ready to learn some more advanced HTML? Move on to Learn More HTML in 12 Minutes

Video is ready, Click Here to View ×

Learn CSS in 12 Minutes

Video is ready, Click Here to View ×

Learn JavaScript in 12 Minutes

Video is ready, Click Here to View ×

Looking to do something more advanced with a webpage? PHP is one of the most useful languages to know when developing for the web. Check out my video Learn PHP in 15 Minutes: http://youtu.be/ZdP0KM49IVk

Heard about Docker and want to know more?
Learn Docker in 12 Minutes:

Video is ready, Click Here to View ×

Recommended cloud server provider: DigitalOcean.
Get $10 credit with this link https://m.do.co/c/791d593997b2

http://jakewright.net

Share this...
Share on Facebook0Share on Google+0Share on Reddit0Digg thisShare on StumbleUpon0Tweet about this on Twitter0Email this to someone
wptutor

48 Comments to Learn HTML in 12 Minutes

  1. i watched this a few months back and now ive started an education on html and css, my first lesson was a few days ago, your seem to explain it much better than my teacher lol

  2. <HTML>
    <head>
    <Tittle>thanks for the video<tittle>
    <head>

    <body>
    <h1>thanks for teaching me how to code for beginners<h1>
    <p>keep up the good work<p>
    <body>

  3. <!DOCTYPE html>
    <html>
    <head>
    <style>
    body{
    background-color:lightblue;
    }
    p{
    color:darkblue;
    text-align:centre;
    font-family:Times;
    font-size:60px;
    }
    </style>
    </head>
    <script>
    function myfunction() {
    var x = document.getElementById("demo");
    x.style.display="block";
    x.style.color="lightgreen";
    x.style.fontFamily = "ComicSansMS";
    x.style.fontSize = "125px";
    x.innerHTML="Javascript is the best";
    }
    </script>
    <body>
    <marquee>press the buttons!</marquee>
    <p id="demo">JavaScript(MADE BY NITEESH)</p>
    <button type="button"onclick='document.getElementById("demo").style.fontSize="100px"'>Enlarge</button>
    <button type="button"onclick='document.getElementById("demo").style.fontSize="40px"'>Shrink</button>
    <button type="button"onclick='document.getElementById("demo").style.color="yellow"'>Yellow</button>
    <button type="button"onclick='document.getElementById("demo").style.color="darkblue"'>Blue</button>
    <button type="button"onclick='document.getElementById("demo").style.display="none"'>Hide</button>
    <button type="button"onclick='document.getElementById("demo").style.display="block"'>Show</button>
    <button type="button"onclick='document.getElementById("demo").style.color="purple"'>Purple</button>
    <button type="button"onclick=myfunction()>Show,Enlarge,change font,change text and change color all at once</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Times"'>Change font to Times</button><button type="button"onclick='document.getElementById("demo").style.fontFamily="ComicSansMS"'>Change font to ComicSansMS</button>
    <button type ="button"onclick='document.getElementById("demo").innerHTML="Thanks JavaScript"'>Change text</button>
    <button type="button"onclick='document.getElementById("demo").innerHTML="JavaScript(MADE BY NITEESH)"'>Change text back</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Menlo"'>Change font to Menlo</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="American Typewriter"'>Change font to American Typewriter</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Avenir Next Condensed"'>Change font to Avenir Next Condensed</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Luminari"'>The best font ever!(Luminari)</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Savoye LET"'>Another great font(Savoye LET)</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Courier New"'>Change font to Courier New</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Marker Felt "'>Change font to Marker Felt</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Didot"'>Change font to Didot</button>
    <button type="button"onclick='document.getElementById("demo").style.fontFamily="Noteworthy"'>Change to a "Noteworthy"font(XD puns for days).</button>
    </body>
    </html>

    rate my html from 1-10(i'm only 10 years old lol)

  4. I know this is 10 years old, so maybe it is different? The <img coding does not pull up an image for me. Did this type of code change? I did exactly what your video did but cannot get the image to show in Chrome.

Leave a Reply

Your email address will not be published. Required fields are marked *