HTML Tutorial
Learn HTML
HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it!
HTML Course + Certificate
Upgrade your learning with our
interactive HTML Course
and Get Certified.
Learning by Examples
With our "Try it Yourself" editoryou can edit the HTML code and view the result in the browser:
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Try it Yourself »
Click on the "Try it Yourself" button to see how it works.
HTML Examples
This tutorial supplements all explanations with clarifying examples.
HTML Exercises
Many chapters in this tutorial end with an exercise where you can check your level of knowledge.
HTML Quiz Test
Test your HTML skills with our HTML Quiz!
View your completed tutorialsexercisesand quizzesHTML References
At W3Schools you will find complete references about HTML elements attributeseventscolor namesentitiescharacter-setsURL encoding language codesHTTP messagesbrowser supportand more:
<> #w3_cert_badge { position: absolute; right: 5%; width: 220px; transform: rotate(10deg); bottom: -20%; } #w3_cert_arrow { position: absolute; right: 220px; width: 220px; transform: rotate(10deg); bottom: 0; z-index: 1; } #getdiploma { position: relative; padding: 0 60px 50px 60px; margin-bottom: 125px; background-color: #282A35; color:white; border-radius:10px; font-family: 'Source Sans Pro'sans-serif; } #getdiploma h2 { font-size:45px; margin-top: 1em; margin-bottom: 1em; font-family: 'Source Sans Pro'sans-serif } #getdiploma p { font-size: 32px; margin-top: 1em; margin-bottom: 1em; font-family: 'Source Sans Pro'sans-serif } #getdiploma a { border-radius: 50px; mxargin-top: 50px; font-size: 18px; background-color: #04AA6D; padding: 17px 55px } #getdiploma a:hover, #getdiploma a:active { background-color: #059862 !important; } @media screen and (max-width: 1442px) { #w3_cert_arrow { right: 212px; bottom: -15px; } } @media screen and (max-width: 1202px) { #w3_cert_arrow { display: none; } } @media screen and (max-width: 992px) { #w3_cert_arrow { display: block; } } @media screen and (max-width: 800px) { #w3_cert_arrow { display: none; } #getdiploma h2 { font-size: 44px; } #getdiploma p { font-size: 30px; } #getdiploma a { width: 100%; } #w3_cert_badge { top: -16px; right: -8px; width: 100px; } #getdiploma { margin-bottom: 55px; } }
Video: HTML for Beginners
