HTML Tutorial for Beginners

HTML Tutorial for Beginners

This tutorial will introduce you to the basics of HTML, the standard markup language for creating web pages.

How to Open the Coding Environment

Open: Click here to open Google Colab

Introduction

This tutorial will introduce you to the basics of HTML, the standard markup language for creating web pages.

What is HTML?

HTML stands for Hyper Text Markup Language. It is the standard markup language for creating web pages and web applications.

Basic Structure of an HTML Page





    Page Title


    
My First Heading

    
My first paragraph.

Headings

HTML headings are defined with the <h1> to <h6> tags. 



This is heading 1


This is heading 2


This is heading 3

Paragraphs

HTML paragraphs are defined with the <p> tag.



This is a paragraph.


This is another paragraph.

Links

HTML links are defined with the <a> tag.


This is a link

Images

HTML images are defined with the <img> tag.


Alternate text

Lists

HTML supports ordered and unordered lists.



    
    
  • Coffee
    • 
    
  • Tea
    • 
    
  • Milk
    • 



    
    
  1. First item
    2. 
    
  2. Second item
    3.

Putting It All Together

Let's create a simple webpage using what we've learned.





    My Web Page


    
Welcome to My Web Page

    
This is a paragraph on my web page.

    Visit Example
    
My Favorite Foods

    
    
        
  • Pizza
    • 
        
  • Sushi
    • 
        
  • Chocolate
    •