SlideShare una empresa de Scribd logo
1 de 18
• Roll No. – 221348051
• Course – BCA – AIML
• Submitted to :-
• Amritpal Kaur
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

Más contenido relacionado

Similar a Ankit (221348051) BCA-Aiml.pptx

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

Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
 
2a web technology html basics 1
2a web technology html basics 12a web technology html basics 1
2a web technology html basics 1
 
Basics ogHtml
Basics ogHtml Basics ogHtml
Basics ogHtml
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
WEB PROGRAMMING- Web page creation using HTML Tags
WEB PROGRAMMING-  Web page creation using HTML TagsWEB PROGRAMMING-  Web page creation using HTML Tags
WEB PROGRAMMING- Web page creation using HTML Tags
 
Html
HtmlHtml
Html
 
Web technologies-course 02.pptx
Web technologies-course 02.pptxWeb technologies-course 02.pptx
Web technologies-course 02.pptx
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptxlearnhtmlbyvipuladissanayake-170516061515 (1).pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
 
Html5.pptx
Html5.pptxHtml5.pptx
Html5.pptx
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
 
Html
HtmlHtml
Html
 
HTML Comprehensive Overview
HTML Comprehensive OverviewHTML Comprehensive Overview
HTML Comprehensive Overview
 
Intro to html revised2
Intro to html revised2Intro to html revised2
Intro to html revised2
 
Introduction to html (912 kb)
Introduction to html (912 kb)Introduction to html (912 kb)
Introduction to html (912 kb)
 
Html
HtmlHtml
Html
 
Html.ppt
Html.pptHtml.ppt
Html.ppt
 
art2830 1st html tag presentation
art2830 1st html tag presentationart2830 1st html tag presentation
art2830 1st html tag presentation
 
introduction to html.ppt
introduction to html.pptintroduction to html.ppt
introduction to html.ppt
 
An-Introduction-to-HTML
An-Introduction-to-HTMLAn-Introduction-to-HTML
An-Introduction-to-HTML
 

Más de HKShab

Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvkVirtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvkHKShab
 
Unit-1 part 2.pptx
Unit-1 part 2.pptxUnit-1 part 2.pptx
Unit-1 part 2.pptxHKShab
 
Multithreadingppt.pptx
Multithreadingppt.pptxMultithreadingppt.pptx
Multithreadingppt.pptxHKShab
 
Pharmacymanagement- Harish(221348092).pptx
Pharmacymanagement- Harish(221348092).pptxPharmacymanagement- Harish(221348092).pptx
Pharmacymanagement- Harish(221348092).pptxHKShab
 
assamppt-161024172823.pptx
assamppt-161024172823.pptxassamppt-161024172823.pptx
assamppt-161024172823.pptxHKShab
 
1's and 2's complement.pptx
1's and 2's complement.pptx1's and 2's complement.pptx
1's and 2's complement.pptxHKShab
 
1sand2scomplement.pptx
1sand2scomplement.pptx1sand2scomplement.pptx
1sand2scomplement.pptxHKShab
 
hp.pptx
hp.pptxhp.pptx
hp.pptxHKShab
 
Ram Singh (221348062) - Cloud Computing.pptx
Ram Singh (221348062) - Cloud Computing.pptxRam Singh (221348062) - Cloud Computing.pptx
Ram Singh (221348062) - Cloud Computing.pptxHKShab
 
Sahil Presentation1.pptx
Sahil Presentation1.pptxSahil Presentation1.pptx
Sahil Presentation1.pptxHKShab
 

Más de HKShab (10)

Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvkVirtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
Virtual Memory sjkdhikejv vsdkjnksnv vkjhfvk
 
Unit-1 part 2.pptx
Unit-1 part 2.pptxUnit-1 part 2.pptx
Unit-1 part 2.pptx
 
Multithreadingppt.pptx
Multithreadingppt.pptxMultithreadingppt.pptx
Multithreadingppt.pptx
 
Pharmacymanagement- Harish(221348092).pptx
Pharmacymanagement- Harish(221348092).pptxPharmacymanagement- Harish(221348092).pptx
Pharmacymanagement- Harish(221348092).pptx
 
assamppt-161024172823.pptx
assamppt-161024172823.pptxassamppt-161024172823.pptx
assamppt-161024172823.pptx
 
1's and 2's complement.pptx
1's and 2's complement.pptx1's and 2's complement.pptx
1's and 2's complement.pptx
 
1sand2scomplement.pptx
1sand2scomplement.pptx1sand2scomplement.pptx
1sand2scomplement.pptx
 
hp.pptx
hp.pptxhp.pptx
hp.pptx
 
Ram Singh (221348062) - Cloud Computing.pptx
Ram Singh (221348062) - Cloud Computing.pptxRam Singh (221348062) - Cloud Computing.pptx
Ram Singh (221348062) - Cloud Computing.pptx
 
Sahil Presentation1.pptx
Sahil Presentation1.pptxSahil Presentation1.pptx
Sahil Presentation1.pptx
 

Último

Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 

Último (20)

Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 

Ankit (221348051) BCA-Aiml.pptx

  • 1. • Roll No. – 221348051 • Course – BCA – AIML • Submitted to :- • Amritpal Kaur
  • 2.
  • 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.