CLOSE

HTML Advanced Tutorial: Conclusion

You should now have a better understanding of HTML and some of the most popular tags and elements used. Below is everything learned in this tutorial.

<!DOCTYPE html>
<html>
    <head>
        
        <title>HTML Advanced Tutorial</title>
        <meta type="description" content="Learn to build web pages using HTML, CSS and more!">
        <meta charset="utf-8">
        
        <!-- Open Graph Meta -->
        <meta property="og:title" content="This is the title of my post">
        <meta peroperty="og:description" content="This is the description of my post.">
        <meta property="og:image" content="http://www.exampleimage.com/someimage.jpg">
        
    </head>
    
    <body>
        
       <header>
           <h1>The more Advanced HTML Stuff</h1>
           <nav>
               <ul>
                   <li>
                       <a href="http://www.stepbystephtml.com">Learn HTML</a>
                   </li>
                   <li>
                       <a href="http://www.google.com">Check out Google</a>
                   </li>
                   <li>
                       <a href="http://www.yahoo.com">Check out Yahoo</a>
                   </li>
               </ul>
           </nav>
       </header>
       
       <article>
           <header>
               <h2>The Planets</h2>
               <p>Lets learn a bit about the planets.</p>
           </header>
           
           <section>
               <p>
                   <strong>Planet Order from the Sun;</strong> Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus and Neptune.
               </p>
           </section>
           
           <footer>
               <p>Posted: July 15th, 2016</p>
           </footer>
       </article>
       
       
       <div class="my-form">
           
           <h2>Contact Me</h2>
           
           <form method="post" id="form1">
    
                <p>    
                    <label>Name</label><br>
                    <input type="text" name="name" placeholder="Your Name">
                </p>
                
                
                <p>
                    <label>Email</label><br>
                    <input type="email" name="email" placeholder="Your Email">
                </p>
                
                 <p>
                    <label>Message</label><br>
                    <textarea name="message" placeholder="Your Message Here"></textarea>
                </p>
                
                <p>
                    <input type="submit" name="submit" value="Send">
                </p>
                
           </form>
           
       </div>
       
       
       <footer>
           <p>Copyright 2016.</p>
       </footer>
        
    </body>
    
</html>
Expand

Share This Tutorial

Link To This Tutorial

Tutorial URL
https://stepbystephtml.com/tutorial/16/html-advanced-tutorial

HTML Link

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