Docsity
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Docsity AI
Docsity AI
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search for your university

Find the specific documents for your university's exams

Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

HTML Basic Notes: A Complete Guide for Beginners to Learn Web Page Structure and Tags, Study notes of Web Design and Development

Teerthanker Mahaveer UniversityWeb Design and Development

HTML Basic Notes is a comprehensive guide for beginners learning the fundamentals of web development. It explains the structure and purpose of HTML, the language used to create and design web pages. These notes cover essential topics such as HTML tags, attributes, headings, paragraphs, links, images, lists, tables, and forms. With simple explanations and examples, this document helps learners understand how to build clean and well-structured web pages. Perfect for students, beginners, and web design enthusiasts, these notes serve as a quick reference for mastering the basics of HTML and starting your web development journey.

Typology: Study notes

2025/2026

Uploaded on 11/10/2025

campusxchange-notes
campusxchange-notes 🇮🇳

1 document

1 / 14

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
What is HTML ?
HTML Stands For HyperText markup language . Which
is basically use for design the structure of a web page.
• HTML tell the browser how to display the web content
•It was created by Sir Tim Berners-Lee in 1991.
•The first version of HTML, known as HTML 1.0, was released in 1993.
•HTML5 is the latest version of the HTML (2017*)
•First website info.cern.ch is developed by Tim Berners-Lee
• HTML consists of a series of elements (tags)
•We use HTML Text editors to create a Web page.
@campusxchange_services @campusxchange_services @campusxchangeservices
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe

Partial preview of the text

Download HTML Basic Notes: A Complete Guide for Beginners to Learn Web Page Structure and Tags and more Study notes Web Design and Development in PDF only on Docsity!

What is HTML?

HTML Stands For HyperText markup language. Which

is basically use for design the structure of a web page.

  • HTML tell the browser how to display the web content
  • It was created by Sir Tim Berners-Lee in 1991.
  • The first version of HTML, known as HTML 1.0, was released in 1993.
  • HTML5 is the latest version of the HTML (2017*)
  • First website info.cern.ch is developed by Tim Berners-Lee
  • HTML consists of a series of elements (tags)
  • We use HTML Text editors to create a Web page.

HTML Versions?

Version Year Features

HTML 1.0 1991 Basic text and links

HTML 2.0 1995 Forms and basic layout

HTML 3.2 1997 Tables, images, font styling

HTML 4.01 1999 CSS integration, better structure

XHTML 2000 XML-based strict HTML

HTML5 2017 – Now Multimedia, semantic tags, mobile support

HTML Text Editors

  • Notepad

• Notepad++ OR Sublime Text

• Visual Studio Code

A HTML text editor is a software application used to write, edit, and save HTML code. It allows developers to create web pages using plain text files with the .html extension.

Structure of HTML Program

Hello HTML Program

Hello HTML

**

Hello.html program

Hello HTML Program

Hello HTML

HTML Comments

Hello HTML Program

Hello HTML

It is used to add notes or explanations about the code and it doesn’t display in the webpage. (^) Syntax:

HTML Comments

Hello HTML Program

Hello HTML

It is used to add notes or explanations about the code and it doesn’t display in the webpage. (^) Syntax:

HTML Elements

Hello HTML Elements

I am a paragraph

An HTML element is collection of a start tag, some content, and an end tag.

Syntax: content

Example:

I am a paragraph

HTML tags

HTML tags are the basic building blocks of a web page. It written inside angle brackets < > that tell the browser how to display content on a webpage. Example: ,

, , , , ,

  1. Paired tags(open-close tag) These tags always come in two parts – an opening tag <> and a closing tag </>. Example:

    Hello HTML !!

    , bold text
  2. Unpaired tags (open tag> These tags are single and don’t need a closing tag because they don’t wrap any content. Example: