HTML Basics

Comments

    

<!-- Single line comment -->


    
    

<!--
  Multi-line
  comment
-->

Heading elements

    

<h1>Heading</h1>


    
    

<h2>Heading</h2>


    
    

<h3>Heading</h3>


    
    

<h4>Heading</h4>


    
    

<h5>Heading</h5>


    
    

<h6>Heading</h6>

Paragraph element

    

<p>Paragraph text.</p>

Image element

    

<img src="file-name.jpg" alt="">

Summary and details elements

    

<details>
  <summary>Title</summary>
  Details text goes here.
</details>

Video element

video attributes:

  • autoplay
  • controls
  • loop
  • muted
    

<video>
  <source src="" type="video/mp4">
  <p>Your browser doesn't support HTML5 video. Here is a <a href="">link to the video</a> instead.</p>
</video>

Boilerplate

    

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
  <head>
  <body>

  </body>
</html>