SlideShare ist ein Scribd-Unternehmen logo
1 von 20
HTML
HYPER TEXT MARKUP LANGUAGE
HTML (HYPER TEXT MARKUP LANGUAGE)

   Stands for Hyper Text Markup
    Language.
 HTML is not a programming language , it is
    a markup language.
A    markup language a set of markup
    tags HTML uses markup tags to
    describe web pages.
WHAT IS WEB
PAGE?
WHAT IS WEB PAGE?

 A Web page is simply a special type of file
  written in HTML (Hyper Text Markup
  Language)
 Personal home pages

 Business home page

 Directories web pages

 Search Engine Like Google, Yahoo , Bing

 Portfolio pages
WHAT IS WEBSITE?
WHAT IS WEBSITE?

 A website, is a set of related web pages
  containing content such as text, images, video,
  audio, etc.
 A website is hosted on at least one web server,
  accessible via a network such as the Internet or
  a private local area network through an Internet
  address known as URL (Uniform Resource
  Locator)
 All publicly accessible websites collectively
  constitute the World Wide Web(WWW).
WEBSITE TYPES
WEBSITE TYPES

 There are two types of websites Static or
 Dynamic Website .
 Static   Website is one that has web pages
 stored on the server in the format that is sent to
 a client web browser. It is primarily coded in
 Hypertext Markup Language (HTML).
 Dynamic     website is one that changes or
 customizes itself frequently and automatically,
 based on certain criteria.
WHAT AN HTML
DOCUMENT IS?
WHAT AN HTML DOCUMENT IS?

 HTML documents are plain-text (also
    known as ASCII) files that can be created
    using any text editor (e.g., SimpleText on a
    Macintosh; Notepad on a Windows
    machine). You can also use word-processing
    software if you remember to save your
    documents.
 HTML file extension is .html or htm.
   Invented by Tim   Berners-Lee In 1980
HTML VERSIONS

 HTML 2.0 in 1995
 HTML 3.2 in 1997

 HTML 4.0 in 1997

 HTML 4.01 in 1999.

 HTML 5.0 Launch in 2011.
TAGS

 An element is a fundamental component of
  the structure of a text document.
 Some examples of elements are heads,
  tables, paragraphs, and lists.
 Elements can contain plain text, other
  elements, or both.
 To denote the various elements in an HTML
  document, you use tags .
TAGS

 HTML tags consist of a left angle bracket (<),
  a tag name, and a right angle bracket (>).
 Tags are usually paired (e.g., <H1> and
  </H1>) to start and end the tag instruction.
 The end tag looks just like the start tag
  except a slash (/) precedes the text within the
  brackets.
ATTRIBUTES

 Some elements may include an attribute,
  which is additional information that is
  included inside information that is include the
  start tag.
 For example, you can specify the alignment
  of images (top, middle, or bottom) by
  including the appropriate attribute with the
  image source HTML code.
SAMPLE BARE-BONES DOCUMENT

   <html>
   <head>
   <TITLE>A Simple HTML Example</TITLE> </head>
   <body>
   <H1>HTML is Easy To Learn</H1>
   <P>Welcome to the world of HTML. This is the first
    paragraph. While short it is still a paragraph!</P>
   <P>And this is the second paragraph.</P>
   </body>
   </html>
RESULT!
ADVANTAGE S OF HTML

 HTML offers plenty of advantages.
 Flexibility.

 Understanding.

 Reasonable Price.

 User Friendly.
ADVANTAGE S OF HTML

 HTML offers plenty of advantages.
 Flexibility.

 Understanding.

 Reasonable Price.

 User Friendly.
WEB ABBREVIATION YOU NEED TO KNOW

 URL: Uniform Resource Locater
 WWW: World Wide Web

 HTTP: Hyper Text Transfer Protocol

 HTML: Hyper Text Markup Language

 SGML: Standard Generalized Markup
  Language
 DTD: Document Type Defination

 FTP: File Transfer Protocol
THANK YOU 

Weitere ähnliche Inhalte

Was ist angesagt? (20)

Introduction to XHTML
Introduction to XHTMLIntroduction to XHTML
Introduction to XHTML
 
Html
HtmlHtml
Html
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
HTML- Hyper Text Markup Language
HTML- Hyper Text Markup LanguageHTML- Hyper Text Markup Language
HTML- Hyper Text Markup Language
 
XHTML
XHTMLXHTML
XHTML
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
Html
HtmlHtml
Html
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
Xhtml
XhtmlXhtml
Xhtml
 
Html 5
Html 5Html 5
Html 5
 
Html tag
Html tagHtml tag
Html tag
 
Ict html
Ict htmlIct html
Ict html
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
 
Untitled presentation (8) (1)
Untitled presentation (8) (1)Untitled presentation (8) (1)
Untitled presentation (8) (1)
 
Basic html
Basic htmlBasic html
Basic html
 
Vskills certified html designer Notes
Vskills certified html designer NotesVskills certified html designer Notes
Vskills certified html designer Notes
 
[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags
 
Tutorial on html
Tutorial on htmlTutorial on html
Tutorial on html
 
HTML for Education
HTML for EducationHTML for Education
HTML for Education
 
Grade 10 COMPUTER
Grade 10 COMPUTERGrade 10 COMPUTER
Grade 10 COMPUTER
 

Ähnlich wie Learn HTML: The Basics of Hypertext Markup Language

CSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxCSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxPsKulkarni1
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptxshilpak0307
 
PSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfPSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfshivanimaddalwar
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2Leo Mark Villar
 
Web topic 2 html
Web topic 2  htmlWeb topic 2  html
Web topic 2 htmlCK Yang
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagssuser6478a8
 
Introdution to HTML
Introdution to HTMLIntrodution to HTML
Introdution to HTMLyashh1402
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to htmlmyrajendra
 
Vskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills
 
Markup language classification, designing static and dynamic
Markup language classification, designing static and dynamicMarkup language classification, designing static and dynamic
Markup language classification, designing static and dynamicAnkita Bhalla
 
Web Design L1 - Untagling the Web
Web Design L1 - Untagling the WebWeb Design L1 - Untagling the Web
Web Design L1 - Untagling the Webmykella
 

Ähnlich wie Learn HTML: The Basics of Hypertext Markup Language (20)

CSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxCSE-HTML-PPT.pptx
CSE-HTML-PPT.pptx
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptx
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html 5
Html 5Html 5
Html 5
 
PSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfPSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdf
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Web topic 2 html
Web topic 2  htmlWeb topic 2  html
Web topic 2 html
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
 
Module 1
Module 1Module 1
Module 1
 
Html
HtmlHtml
Html
 
Introdution to HTML
Introdution to HTMLIntrodution to HTML
Introdution to HTML
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
Vskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills certified html5 developer Notes
Vskills certified html5 developer Notes
 
Markup language classification, designing static and dynamic
Markup language classification, designing static and dynamicMarkup language classification, designing static and dynamic
Markup language classification, designing static and dynamic
 
Web Design L1 - Untagling the Web
Web Design L1 - Untagling the WebWeb Design L1 - Untagling the Web
Web Design L1 - Untagling the Web
 

Kürzlich hochgeladen

办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 

Kürzlich hochgeladen (20)

办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 

Learn HTML: The Basics of Hypertext Markup Language

  • 2. HTML (HYPER TEXT MARKUP LANGUAGE)  Stands for Hyper Text Markup Language.  HTML is not a programming language , it is a markup language. A markup language a set of markup tags HTML uses markup tags to describe web pages.
  • 4. WHAT IS WEB PAGE?  A Web page is simply a special type of file written in HTML (Hyper Text Markup Language)  Personal home pages  Business home page  Directories web pages  Search Engine Like Google, Yahoo , Bing  Portfolio pages
  • 6. WHAT IS WEBSITE?  A website, is a set of related web pages containing content such as text, images, video, audio, etc.  A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as URL (Uniform Resource Locator)  All publicly accessible websites collectively constitute the World Wide Web(WWW).
  • 8. WEBSITE TYPES  There are two types of websites Static or Dynamic Website .  Static Website is one that has web pages stored on the server in the format that is sent to a client web browser. It is primarily coded in Hypertext Markup Language (HTML).  Dynamic website is one that changes or customizes itself frequently and automatically, based on certain criteria.
  • 10. WHAT AN HTML DOCUMENT IS?  HTML documents are plain-text (also known as ASCII) files that can be created using any text editor (e.g., SimpleText on a Macintosh; Notepad on a Windows machine). You can also use word-processing software if you remember to save your documents.  HTML file extension is .html or htm.  Invented by Tim Berners-Lee In 1980
  • 11. HTML VERSIONS  HTML 2.0 in 1995  HTML 3.2 in 1997  HTML 4.0 in 1997  HTML 4.01 in 1999.  HTML 5.0 Launch in 2011.
  • 12. TAGS  An element is a fundamental component of the structure of a text document.  Some examples of elements are heads, tables, paragraphs, and lists.  Elements can contain plain text, other elements, or both.  To denote the various elements in an HTML document, you use tags .
  • 13. TAGS  HTML tags consist of a left angle bracket (<), a tag name, and a right angle bracket (>).  Tags are usually paired (e.g., <H1> and </H1>) to start and end the tag instruction.  The end tag looks just like the start tag except a slash (/) precedes the text within the brackets.
  • 14. ATTRIBUTES  Some elements may include an attribute, which is additional information that is included inside information that is include the start tag.  For example, you can specify the alignment of images (top, middle, or bottom) by including the appropriate attribute with the image source HTML code.
  • 15. SAMPLE BARE-BONES DOCUMENT  <html>  <head>  <TITLE>A Simple HTML Example</TITLE> </head>  <body>  <H1>HTML is Easy To Learn</H1>  <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph!</P>  <P>And this is the second paragraph.</P>  </body>  </html>
  • 17. ADVANTAGE S OF HTML  HTML offers plenty of advantages.  Flexibility.  Understanding.  Reasonable Price.  User Friendly.
  • 18. ADVANTAGE S OF HTML  HTML offers plenty of advantages.  Flexibility.  Understanding.  Reasonable Price.  User Friendly.
  • 19. WEB ABBREVIATION YOU NEED TO KNOW  URL: Uniform Resource Locater  WWW: World Wide Web  HTTP: Hyper Text Transfer Protocol  HTML: Hyper Text Markup Language  SGML: Standard Generalized Markup Language  DTD: Document Type Defination  FTP: File Transfer Protocol