SlideShare a Scribd company logo
• Roll No. – 221348051
• Course – BCA – AIML
• Submitted to :-
• Amritpal Kaur
Ankit (221348051) BCA-Aiml.pptx
INTRODUCTION TO
HTML
• With HTML you can create your own Web
site.
• HTML stands for Hyper Text Markup
Language.
• HTML is derived from a language SGML
(Standard Graphics Markup Language).
• HTML is not a programming language, it is a
Markup Language.
• A markup language is a set of markup tags.
• HTML uses markup tags to describe web
pages.
• HTML is not case sensitive language.
• HTML documents contain HTML tags and
plain text.
HTML ELEMENTS AND TAGS
A tag is always
enclosed in angle
bracket <>like
<HTML>
HTML tags normally
come in pairs like
<HTML> and </HTML>
i.e.
Start tag = <HTML>
End tag =</HTML>
• Start and end tags are also
called opening tags and
closing tags
HOW TO
START
Write html code in notepad.
Save the file with (.Html)/(.Htm) extension.
View the page in any web browser viz.
INTERNET EXPLORER, NETSCAPE
NAVIGATOR etc.
The purpose of a web browser (like internet
explorer or firefox) is to read html
documents and display them as web pages.
CODE WITH HTML
• <HTML>
• <HEAD>
• <TITLE>
• MY FIRST PAGE
• </TITLE>
• </HEAD>
• <BODY>
• GLOBAL INFORMATION
CHANNEL
• </BODY>
• </HTML>
EXPLAIN THESE
TAGS
<HTML> -
Describe HTML
web page that is
to be viewed by
a web browser.
<HEAD> - This
defines the
header section
of the page.
<TITLE> - This
shows a caption
in the title bar
of the page.
<BODY> - This
tag show
contents of the
web page will
be displayed.
TYPES OF HTML TAGS
• There are two different types of tags:->
• Container Element:->
• Container Tags contains start tag & end tag i.e.
• <HTML>… </HTML>
• Empty Element:->
• Empty Tags contains start tag i.e.
• <BR>
TEXT
FORMATTING
TAGS
•Heading Element:->
• There are six heading elements
(<H1>,<H2>,<H3>,<H4>, <H5>,<H6>).
• All the six heading elements are container tag and
requires a closing tag.
• <h1> will print the largest heading
• <h6> will print the smallest heading
HEADING
TAG CODE
<html>
<head><title>heading</title></head>
<body>
<h1> GLOBAL INFO CHANNEL</h1>
<h2> GLOBAL INFO CHANNEL</h2>
<h3> GLOBAL INFO CHANNEL</h3>
<h4> GLOBAL INFO CHANNEL</h4>
<h5> GLOBAL INFO CHANNEL</h5>
<h6> GLOBAL INFO CHANNEL</h6>
</body>
</html>
RESULT OF
HEADING CODE
BACKGROUND & TEXT COLOR TAG
The attribute bgcolor is used for changing the back ground color of the page.
<body bgcolor=“Green” >
• Text is use to change the color of the enclosed text.
<body text=“White”>
HTML LIST TAG
• Lists provide methods to show item or element sequences in document content. There are
two main types of lists:->
• Unordered lists:-unordered lists are bulleted.
• Ordered lists:- Ordered lists are numbered.
 ORDERED LIST
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
OUTPUT
 UNORDERED LIST
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
OUTPUT
Ankit (221348051) BCA-Aiml.pptx

More Related Content

PPTX
215077679 introduction to HTML
PPTX
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
PPTX
2. HTML Basic unit2 fundamentals of computer
PPTX
Basic HTML
PPTX
Lecture 2 introduction to html
PPT
html and css- 23091 3154 458-5d4341a0.ppt
PPT
HTML & CSS.ppt
PPTX
Introduction to html
215077679 introduction to HTML
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
2. HTML Basic unit2 fundamentals of computer
Basic HTML
Lecture 2 introduction to html
html and css- 23091 3154 458-5d4341a0.ppt
HTML & CSS.ppt
Introduction to html

Similar to Ankit (221348051) BCA-Aiml.pptx (20)

PPTX
Introduction to html
PPTX
Introduction to HTML
PPTX
html-161127061626.pptx vnvntdtdxbcj fffffffffff fffd
PPTX
Learning html. (Part- 1)
PDF
2a web technology html basics 1
PPT
Internship HTML_Day-1 for beggineers.ppt
PPTX
Web technologies Clent server communication
PPTX
UNIT 2 presentation for the subject ITWS-01.pptx
PPT
Basics ogHtml
PPTX
WEB PROGRAMMING.Introduction to HTML Heading Tags Formatting Tags
PPTX
HTML 5 Tutorial
PPTX
WEB PROGRAMMING- Web page creation using HTML Tags
PPTX
Web technologies-course 02.pptx
PPT
HTML Introduction
PPTX
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
PPTX
Html5.pptx
PPTX
Learn html Basics
PPTX
PPSX
HTML Comprehensive Overview
Introduction to html
Introduction to HTML
html-161127061626.pptx vnvntdtdxbcj fffffffffff fffd
Learning html. (Part- 1)
2a web technology html basics 1
Internship HTML_Day-1 for beggineers.ppt
Web technologies Clent server communication
UNIT 2 presentation for the subject ITWS-01.pptx
Basics ogHtml
WEB PROGRAMMING.Introduction to HTML Heading Tags Formatting Tags
HTML 5 Tutorial
WEB PROGRAMMING- Web page creation using HTML Tags
Web technologies-course 02.pptx
HTML Introduction
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
Html5.pptx
Learn html Basics
HTML Comprehensive Overview

More from HKShab (11)

PPTX
java 4kfehsd rfednjskm, kwrefndkws efhdjks fjds.pptx
PPT
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
PPTX
Unit-1 part 2.pptx
PPTX
Multithreadingppt.pptx
PPTX
Pharmacymanagement- Harish(221348092).pptx
PPTX
assamppt-161024172823.pptx
PPTX
1's and 2's complement.pptx
PPTX
1sand2scomplement.pptx
PPTX
hp.pptx
PPTX
Ram Singh (221348062) - Cloud Computing.pptx
PPTX
Sahil Presentation1.pptx
java 4kfehsd rfednjskm, kwrefndkws efhdjks fjds.pptx
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
Unit-1 part 2.pptx
Multithreadingppt.pptx
Pharmacymanagement- Harish(221348092).pptx
assamppt-161024172823.pptx
1's and 2's complement.pptx
1sand2scomplement.pptx
hp.pptx
Ram Singh (221348062) - Cloud Computing.pptx
Sahil Presentation1.pptx

Recently uploaded (20)

PPTX
NOI Hackathon - Summer Edition - GreenThumber.pptx
PPTX
How to Manage Bill Control Policy in Odoo 18
PPTX
Software Engineering BSC DS UNIT 1 .pptx
PDF
Open folder Downloads.pdf yes yes ges yes
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
DOCX
UPPER GASTRO INTESTINAL DISORDER.docx
PPTX
Introduction and Scope of Bichemistry.pptx
PDF
Piense y hagase Rico - Napoleon Hill Ccesa007.pdf
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Landforms and landscapes data surprise preview
PDF
Sunset Boulevard Student Revision Booklet
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Onica Farming 24rsclub profitable farm business
PPTX
How to Manage Loyalty Points in Odoo 18 Sales
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
How to Manage Starshipit in Odoo 18 - Odoo Slides
PDF
LDMMIA Reiki Yoga Workshop 15 MidTerm Review
NOI Hackathon - Summer Edition - GreenThumber.pptx
How to Manage Bill Control Policy in Odoo 18
Software Engineering BSC DS UNIT 1 .pptx
Open folder Downloads.pdf yes yes ges yes
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
Abdominal Access Techniques with Prof. Dr. R K Mishra
UPPER GASTRO INTESTINAL DISORDER.docx
Introduction and Scope of Bichemistry.pptx
Piense y hagase Rico - Napoleon Hill Ccesa007.pdf
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Landforms and landscapes data surprise preview
Sunset Boulevard Student Revision Booklet
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Onica Farming 24rsclub profitable farm business
How to Manage Loyalty Points in Odoo 18 Sales
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
human mycosis Human fungal infections are called human mycosis..pptx
How to Manage Starshipit in Odoo 18 - Odoo Slides
LDMMIA Reiki Yoga Workshop 15 MidTerm Review

Ankit (221348051) BCA-Aiml.pptx

  • 1. • Roll No. – 221348051 • Course – BCA – AIML • Submitted to :- • Amritpal Kaur
  • 3. INTRODUCTION TO HTML • With HTML you can create your own Web site. • HTML stands for Hyper Text Markup Language. • HTML is derived from a language SGML (Standard Graphics Markup Language). • HTML is not a programming language, it is a Markup Language. • A markup language is a set of markup tags. • HTML uses markup tags to describe web pages. • HTML is not case sensitive language. • HTML documents contain HTML tags and plain text.
  • 4. HTML ELEMENTS AND TAGS A tag is always enclosed in angle bracket <>like <HTML> HTML tags normally come in pairs like <HTML> and </HTML> i.e. Start tag = <HTML> End tag =</HTML> • Start and end tags are also called opening tags and closing tags
  • 5. HOW TO START Write html code in notepad. Save the file with (.Html)/(.Htm) extension. View the page in any web browser viz. INTERNET EXPLORER, NETSCAPE NAVIGATOR etc. The purpose of a web browser (like internet explorer or firefox) is to read html documents and display them as web pages.
  • 6. CODE WITH HTML • <HTML> • <HEAD> • <TITLE> • MY FIRST PAGE • </TITLE> • </HEAD> • <BODY> • GLOBAL INFORMATION CHANNEL • </BODY> • </HTML>
  • 7. EXPLAIN THESE TAGS <HTML> - Describe HTML web page that is to be viewed by a web browser. <HEAD> - This defines the header section of the page. <TITLE> - This shows a caption in the title bar of the page. <BODY> - This tag show contents of the web page will be displayed.
  • 8. TYPES OF HTML TAGS • There are two different types of tags:-> • Container Element:-> • Container Tags contains start tag & end tag i.e. • <HTML>… </HTML> • Empty Element:-> • Empty Tags contains start tag i.e. • <BR>
  • 9. TEXT FORMATTING TAGS •Heading Element:-> • There are six heading elements (<H1>,<H2>,<H3>,<H4>, <H5>,<H6>). • All the six heading elements are container tag and requires a closing tag. • <h1> will print the largest heading • <h6> will print the smallest heading
  • 10. HEADING TAG CODE <html> <head><title>heading</title></head> <body> <h1> GLOBAL INFO CHANNEL</h1> <h2> GLOBAL INFO CHANNEL</h2> <h3> GLOBAL INFO CHANNEL</h3> <h4> GLOBAL INFO CHANNEL</h4> <h5> GLOBAL INFO CHANNEL</h5> <h6> GLOBAL INFO CHANNEL</h6> </body> </html>
  • 12. BACKGROUND & TEXT COLOR TAG The attribute bgcolor is used for changing the back ground color of the page. <body bgcolor=“Green” > • Text is use to change the color of the enclosed text. <body text=“White”>
  • 13. HTML LIST TAG • Lists provide methods to show item or element sequences in document content. There are two main types of lists:-> • Unordered lists:-unordered lists are bulleted. • Ordered lists:- Ordered lists are numbered.