SlideShare a Scribd company logo
WEB PROGRAMMING
HTML Introduction
HTML, or HyperText Markup Language, is the standard
markup language used to create web pages.
It’s a combination of Hypertext, which defines the link between
web pages, and Markup language, which is used to define the
text document within tags to structure web pages.
This language is used to annotate text so that machines can
understand and manipulate it accordingly.
HTML is human-readable and uses tags to define what
manipulation has to be done on the text.
What is HTML?
 HTML stands for HyperText Markup Language and it is
used to create webpages.
 It uses HTML tags and attributes to describe the
structure and formatting of a web page.
 HTML consists of various elements, that are
responsible for telling search engines how to display
page content. For example, headings, lists, images,
links, and more.
HTML Elements
and Tags
HTML Elements and Tags
 HTML uses predefined tags
and elements that instruct the
browser on how to display the
content.
 HTML elements include an
opening tag, some content, and
a closing tag.
 It’s important to remember to
include closing tags.
 If omitted, the browser applies
the effect of the opening tag
until the end of the page.
Features of HTML
 It is easy to learn and easy to use.
 It is platform-independent.
 Images, videos, and audio can be
added to a web page.
 Hypertext can be added to the text.
 It is a markup language. HTML Page Structure
HTML Page Structure
 <!DOCTYPE html> – This is the document type declaration (not technically
a tag). It declares a document as being an HTML document. The doctype
declaration is not case-sensitive.
 <html> – This is called the HTML root element. All other elements are
contained within it.
 <head> – The head tag contains the “behind the scenes” elements for a
webpage. Elements within the head aren’t visible on the front end of a
webpage. HTML elements used inside the <head> element include:
 <style> – This HTML tag allows us to insert styling into our web pages and
make them appealing to look at with the help of CSS.
 <title> – The title is what is displayed on the top of your browser when you
visit a website and contains the title of the webpage that you are viewing.
 <base> – It specifies the base URL for all relative URL’s in a document.
 <noscript> – Defines a section of HTML that is inserted when the scripting has
been turned off in the user’s browser.
 <script> – This tag is used to add functionality to the website with the help of
JavaScript.
 <meta> – This tag encloses the metadata of the website that must be loaded every
time the website is visited. For eg:- the metadata charset allows you to use the
standard UTF-8 encoding on your website. This in turn allows the users to view
your webpage in the language of their choice. It is a self-closing tag.
 <link> – The ‘link’ tag is used to tie together HTML, CSS, and JavaScript. It is self-
closing.
 <body> – The body tag is used to enclose all the visible content of a webpage. In
other words, the body content is what the browser will show on the front end.
 An HTML document can be created using an HTML text editor. Save the text file
using the “.html” or “.htm” extension. Once saved as an HTML document, the file
can be opened as a webpage in the browser.
Sample code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!--The above meta characteristics make a website
compatible with different devices. -->
<title>Demo Web Page</title>
</head>
<body>
<h1>The American College</h1>
<p>Department of computer science</p>
</body>
</html>
HTML Tables
Put your last thoughts or wrap up
here
Ad

Recommended

Chapter 2 Notes, MCQs, and QA (HTML and CSS).pdf
Chapter 2 Notes, MCQs, and QA (HTML and CSS).pdf
rehansayyadgolden07
 
html -Hyper Text Markup Languagejjjjjjjjjjjjjjjjjjjjjjjjj
html -Hyper Text Markup Languagejjjjjjjjjjjjjjjjjjjjjjjjj
NetajiGandi1
 
Html-meeting1-1.pptx
Html-meeting1-1.pptx
YoussefAbobakr
 
Web forms and html (lect 1)
Web forms and html (lect 1)
Salman Memon
 
Unit_II.pptx thtrhththtrhjjuyujymkfhtyhkmythkymkykymnkmyjnmyjmnykn
Unit_II.pptx thtrhththtrhjjuyujymkfhtyhkmythkymkykymnkmyjnmyjmnykn
PriyanshuGarg59
 
Introduction to HTML.pptx
Introduction to HTML.pptx
VaibhavSingh887876
 
Unit 2 Internet and web technology CSS report
Unit 2 Internet and web technology CSS report
ajaysahusistec
 
Introduction-to-HTML-1258164251864545.pptx
Introduction-to-HTML-1258164251864545.pptx
MeetRajani2
 
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
ManuAbraham17
 
Learn html Basics
Learn html Basics
McSoftsis
 
WEB PROGRAMMING bharathiar university bca unitII
WEB PROGRAMMING bharathiar university bca unitII
VinodhiniRavi2
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
panoosha2
 
How to learn HTML in 10 Days
How to learn HTML in 10 Days
Manoj kumar Deswal
 
Let me design
Let me design
Anurag Deb
 
Web engineering notes unit 3
Web engineering notes unit 3
inshu1890
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
Humphrey Humphrey
 
Class1slides
Class1slides
Alexis Goldstein
 
Grade 10 COMPUTER
Grade 10 COMPUTER
Joel Linquico
 
Html book2
Html book2
Diksha Garg
 
Web design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introduction
Mustafa Kamel Mohammadi
 
HTML.pptx
HTML.pptx
asdfhgjh1
 
"Innovative Web Design & Development Hub
"Innovative Web Design & Development Hub
kyereernest560
 
HTML.pdf
HTML.pdf
aneebkmct
 
Html - Tutorial
Html - Tutorial
adelaticleanu
 
mst_unit1.pptx
mst_unit1.pptx
michaelaaron25322
 
FYCOM Unit 1.pptx
FYCOM Unit 1.pptx
HemantBansal35
 
gdsc-html-ppt.pptx
gdsc-html-ppt.pptx
yuvakiran15
 
Web technologies-course 02.pptx
Web technologies-course 02.pptx
Stefan Oprea
 
Javascript for web Programming creating and embedding with html
Javascript for web Programming creating and embedding with html
E.M.G.yadava womens college
 
Operating system structure and its models
Operating system structure and its models
E.M.G.yadava womens college
 

More Related Content

Similar to web programming, Introduction to html tags (20)

learnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
ManuAbraham17
 
Learn html Basics
Learn html Basics
McSoftsis
 
WEB PROGRAMMING bharathiar university bca unitII
WEB PROGRAMMING bharathiar university bca unitII
VinodhiniRavi2
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
panoosha2
 
How to learn HTML in 10 Days
How to learn HTML in 10 Days
Manoj kumar Deswal
 
Let me design
Let me design
Anurag Deb
 
Web engineering notes unit 3
Web engineering notes unit 3
inshu1890
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
Humphrey Humphrey
 
Class1slides
Class1slides
Alexis Goldstein
 
Grade 10 COMPUTER
Grade 10 COMPUTER
Joel Linquico
 
Html book2
Html book2
Diksha Garg
 
Web design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introduction
Mustafa Kamel Mohammadi
 
HTML.pptx
HTML.pptx
asdfhgjh1
 
"Innovative Web Design & Development Hub
"Innovative Web Design & Development Hub
kyereernest560
 
HTML.pdf
HTML.pdf
aneebkmct
 
Html - Tutorial
Html - Tutorial
adelaticleanu
 
mst_unit1.pptx
mst_unit1.pptx
michaelaaron25322
 
FYCOM Unit 1.pptx
FYCOM Unit 1.pptx
HemantBansal35
 
gdsc-html-ppt.pptx
gdsc-html-ppt.pptx
yuvakiran15
 
Web technologies-course 02.pptx
Web technologies-course 02.pptx
Stefan Oprea
 
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
ManuAbraham17
 
Learn html Basics
Learn html Basics
McSoftsis
 
WEB PROGRAMMING bharathiar university bca unitII
WEB PROGRAMMING bharathiar university bca unitII
VinodhiniRavi2
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
panoosha2
 
Web engineering notes unit 3
Web engineering notes unit 3
inshu1890
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
Humphrey Humphrey
 
Web design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introduction
Mustafa Kamel Mohammadi
 
"Innovative Web Design & Development Hub
"Innovative Web Design & Development Hub
kyereernest560
 
gdsc-html-ppt.pptx
gdsc-html-ppt.pptx
yuvakiran15
 
Web technologies-course 02.pptx
Web technologies-course 02.pptx
Stefan Oprea
 

More from E.M.G.yadava womens college (9)

Javascript for web Programming creating and embedding with html
Javascript for web Programming creating and embedding with html
E.M.G.yadava womens college
 
Operating system structure and its models
Operating system structure and its models
E.M.G.yadava womens college
 
Introduction to OS, types of operating systems
Introduction to OS, types of operating systems
E.M.G.yadava womens college
 
Basiscs of c++ include variable, special characters
Basiscs of c++ include variable, special characters
E.M.G.yadava womens college
 
E-Commerce - Business Models for business
E-Commerce - Business Models for business
E.M.G.yadava womens college
 
notes for Function overloading & ridding in C++
notes for Function overloading & ridding in C++
E.M.G.yadava womens college
 
Operating System concepts
Operating System concepts
E.M.G.yadava womens college
 
Os unit 1(cont)
Os unit 1(cont)
E.M.G.yadava womens college
 
Understanding Basics of OS
Understanding Basics of OS
E.M.G.yadava womens college
 
Ad

Recently uploaded (20)

Sustainable Innovation with Immersive Learning
Sustainable Innovation with Immersive Learning
Leonel Morgado
 
Plate Tectonic Boundaries and Continental Drift Theory
Plate Tectonic Boundaries and Continental Drift Theory
Marie
 
How to Manage Multi Language for Invoice in Odoo 18
How to Manage Multi Language for Invoice in Odoo 18
Celine George
 
PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptx
PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptx
Arshad Shaikh
 
Environmental Science, Environmental Health, and Sanitation – Unit 3 | B.Sc N...
Environmental Science, Environmental Health, and Sanitation – Unit 3 | B.Sc N...
RAKESH SAJJAN
 
English 3 Quarter 1_LEwithLAS_Week 1.pdf
English 3 Quarter 1_LEwithLAS_Week 1.pdf
DeAsisAlyanajaneH
 
Birnagar High School Platinum Jubilee Quiz.pptx
Birnagar High School Platinum Jubilee Quiz.pptx
Sourav Kr Podder
 
“THE BEST CLASS IN SCHOOL”. _
“THE BEST CLASS IN SCHOOL”. _
Colégio Santa Teresinha
 
How to Manage Different Customer Addresses in Odoo 18 Accounting
How to Manage Different Customer Addresses in Odoo 18 Accounting
Celine George
 
YSPH VMOC Special Report - Measles Outbreak Southwest US 6-14-2025.pptx
YSPH VMOC Special Report - Measles Outbreak Southwest US 6-14-2025.pptx
Yale School of Public Health - The Virtual Medical Operations Center (VMOC)
 
Communicable Diseases and National Health Programs – Unit 9 | B.Sc Nursing 5t...
Communicable Diseases and National Health Programs – Unit 9 | B.Sc Nursing 5t...
RAKESH SAJJAN
 
ABCs of Bookkeeping for Nonprofits TechSoup.pdf
ABCs of Bookkeeping for Nonprofits TechSoup.pdf
TechSoup
 
Paper 107 | From Watchdog to Lapdog: Ishiguro’s Fiction and the Rise of “Godi...
Paper 107 | From Watchdog to Lapdog: Ishiguro’s Fiction and the Rise of “Godi...
Rajdeep Bavaliya
 
ENGLISH_Q1_W1 PowerPoint grade 3 quarter 1 week 1
ENGLISH_Q1_W1 PowerPoint grade 3 quarter 1 week 1
jutaydeonne
 
LDMMIA Yoga S10 Free Workshop Grad Level
LDMMIA Yoga S10 Free Workshop Grad Level
LDM & Mia eStudios
 
NSUMD_M1 Library Orientation_June 11, 2025.pptx
NSUMD_M1 Library Orientation_June 11, 2025.pptx
Julie Sarpy
 
GREAT QUIZ EXCHANGE 2025 - GENERAL QUIZ.pptx
GREAT QUIZ EXCHANGE 2025 - GENERAL QUIZ.pptx
Ronisha Das
 
Introduction to Generative AI and Copilot.pdf
Introduction to Generative AI and Copilot.pdf
TechSoup
 
Gibson "Secrets to Changing Behaviour in Scholarly Communication: A 2025 NISO...
Gibson "Secrets to Changing Behaviour in Scholarly Communication: A 2025 NISO...
National Information Standards Organization (NISO)
 
Publishing Your Memoir with Brooke Warner
Publishing Your Memoir with Brooke Warner
Brooke Warner
 
Sustainable Innovation with Immersive Learning
Sustainable Innovation with Immersive Learning
Leonel Morgado
 
Plate Tectonic Boundaries and Continental Drift Theory
Plate Tectonic Boundaries and Continental Drift Theory
Marie
 
How to Manage Multi Language for Invoice in Odoo 18
How to Manage Multi Language for Invoice in Odoo 18
Celine George
 
PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptx
PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptx
Arshad Shaikh
 
Environmental Science, Environmental Health, and Sanitation – Unit 3 | B.Sc N...
Environmental Science, Environmental Health, and Sanitation – Unit 3 | B.Sc N...
RAKESH SAJJAN
 
English 3 Quarter 1_LEwithLAS_Week 1.pdf
English 3 Quarter 1_LEwithLAS_Week 1.pdf
DeAsisAlyanajaneH
 
Birnagar High School Platinum Jubilee Quiz.pptx
Birnagar High School Platinum Jubilee Quiz.pptx
Sourav Kr Podder
 
How to Manage Different Customer Addresses in Odoo 18 Accounting
How to Manage Different Customer Addresses in Odoo 18 Accounting
Celine George
 
Communicable Diseases and National Health Programs – Unit 9 | B.Sc Nursing 5t...
Communicable Diseases and National Health Programs – Unit 9 | B.Sc Nursing 5t...
RAKESH SAJJAN
 
ABCs of Bookkeeping for Nonprofits TechSoup.pdf
ABCs of Bookkeeping for Nonprofits TechSoup.pdf
TechSoup
 
Paper 107 | From Watchdog to Lapdog: Ishiguro’s Fiction and the Rise of “Godi...
Paper 107 | From Watchdog to Lapdog: Ishiguro’s Fiction and the Rise of “Godi...
Rajdeep Bavaliya
 
ENGLISH_Q1_W1 PowerPoint grade 3 quarter 1 week 1
ENGLISH_Q1_W1 PowerPoint grade 3 quarter 1 week 1
jutaydeonne
 
LDMMIA Yoga S10 Free Workshop Grad Level
LDMMIA Yoga S10 Free Workshop Grad Level
LDM & Mia eStudios
 
NSUMD_M1 Library Orientation_June 11, 2025.pptx
NSUMD_M1 Library Orientation_June 11, 2025.pptx
Julie Sarpy
 
GREAT QUIZ EXCHANGE 2025 - GENERAL QUIZ.pptx
GREAT QUIZ EXCHANGE 2025 - GENERAL QUIZ.pptx
Ronisha Das
 
Introduction to Generative AI and Copilot.pdf
Introduction to Generative AI and Copilot.pdf
TechSoup
 
Publishing Your Memoir with Brooke Warner
Publishing Your Memoir with Brooke Warner
Brooke Warner
 
Ad

web programming, Introduction to html tags

  • 2. HTML Introduction HTML, or HyperText Markup Language, is the standard markup language used to create web pages. It’s a combination of Hypertext, which defines the link between web pages, and Markup language, which is used to define the text document within tags to structure web pages. This language is used to annotate text so that machines can understand and manipulate it accordingly. HTML is human-readable and uses tags to define what manipulation has to be done on the text.
  • 3. What is HTML?  HTML stands for HyperText Markup Language and it is used to create webpages.  It uses HTML tags and attributes to describe the structure and formatting of a web page.  HTML consists of various elements, that are responsible for telling search engines how to display page content. For example, headings, lists, images, links, and more.
  • 4. HTML Elements and Tags HTML Elements and Tags  HTML uses predefined tags and elements that instruct the browser on how to display the content.  HTML elements include an opening tag, some content, and a closing tag.  It’s important to remember to include closing tags.  If omitted, the browser applies the effect of the opening tag until the end of the page.
  • 5. Features of HTML  It is easy to learn and easy to use.  It is platform-independent.  Images, videos, and audio can be added to a web page.  Hypertext can be added to the text.  It is a markup language. HTML Page Structure
  • 6. HTML Page Structure  <!DOCTYPE html> – This is the document type declaration (not technically a tag). It declares a document as being an HTML document. The doctype declaration is not case-sensitive.  <html> – This is called the HTML root element. All other elements are contained within it.  <head> – The head tag contains the “behind the scenes” elements for a webpage. Elements within the head aren’t visible on the front end of a webpage. HTML elements used inside the <head> element include:  <style> – This HTML tag allows us to insert styling into our web pages and make them appealing to look at with the help of CSS.  <title> – The title is what is displayed on the top of your browser when you visit a website and contains the title of the webpage that you are viewing.
  • 7.  <base> – It specifies the base URL for all relative URL’s in a document.  <noscript> – Defines a section of HTML that is inserted when the scripting has been turned off in the user’s browser.  <script> – This tag is used to add functionality to the website with the help of JavaScript.  <meta> – This tag encloses the metadata of the website that must be loaded every time the website is visited. For eg:- the metadata charset allows you to use the standard UTF-8 encoding on your website. This in turn allows the users to view your webpage in the language of their choice. It is a self-closing tag.  <link> – The ‘link’ tag is used to tie together HTML, CSS, and JavaScript. It is self- closing.  <body> – The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.  An HTML document can be created using an HTML text editor. Save the text file using the “.html” or “.htm” extension. Once saved as an HTML document, the file can be opened as a webpage in the browser.
  • 8. Sample code <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--The above meta characteristics make a website compatible with different devices. --> <title>Demo Web Page</title> </head> <body> <h1>The American College</h1> <p>Department of computer science</p> </body> </html>
  • 9. HTML Tables Put your last thoughts or wrap up here