HTML Fundamentals

Build a solid foundation by learning the essential HTML syntax and structure

Document Structure

<html>
  <head>
    <title>My Webpage</title>
  </head>
  <body>
    <h1>
      <p>Hello World</p>
    </body>
</html>

Basic Tags

<h1>Main heading
<p>Paragraph element
<a href="">Hyperlink
<img src="" alt="">Image
<ul>Unordered list

HTML Document Structure

Every HTML page follows a standard structure containing several key elements. The <html> tag encloses the entire document. The <head> contains meta-information, and the <body> includes the visible content.


            
                Creating a New HTML Document
                
                    Start from Scratch
                    <!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to my page</p>
  </body>
</html>
                    
                
                
                    
                
            
            
                Interactive Code Playground
                
                    
                        HTML Editor
                        
                    
                    
                        Live Preview