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="https://www.exampleimage.com/someimage.jpg">
</head>
<body>
<header>
<h1>The more Advanced HTML Stuff</h1>
<nav>
<ul>
<li>
<a href=" https://stepbystephtml.com">Learn HTML</a>
</li>
<li>
<a href="https://www.google.com">Check out Google</a>
</li>
<li>
<a href="https://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>
Tutorial URL
https://stepbystephtml.com/tutorial/16/html-advanced-tutorial
HTML Link
This website and it's tutorials are only made possible with your support. Support money goes towards keeping our servers online.
Spread the word! Let people know about our tutorials by placing links on blogs, websites, forums and other places.
HTML Link
Spread the word! Let people know about our tutorials by placing links on blogs, websites, forums and other places.
This website was designed and developed by
Get your own custom web application today
Get professional Web Hosting