SlideShare a Scribd company logo
1 of 13
Introduction to HTML
Tags
Presented By: Nabin jamkatel
Document Type Declaration
 The <!DOCTYPE> declaration must be the very
first thing in HTML document before the <html>
tag
 The <!DOCTYPE> declaration is not HTML tag it
is an instruction to the web browser about the
version of HTML page is written in.
 Common Doctype declaration:
HTML <!DOCTYPE HTML>
HTML 4.01 strict
 This DTD contains all HTML elements and
attributes but not include Presentational
Elements.
 Example:-
<!DOCTYPE HTML PUBLIC”-//W3C//DTD
HTML 4.01// EN” http://www.w3.org/TR/html 4/
strict.dtd>
HTML 4.01 transitional
 This DTD contains all HTML elements and
attributes including presentational elements
 Example:-
<!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML
4.01 Transitional// EN”
http://www.w3.org/TR/html 4/ loose.dtd>
Presentational Tags
 b (bold)
 i (italic)
 tt (teletype)
 sub (subscript)
 sup (superscript),
 big,
 small and
 hr (horizontal rule) are all presentational tags.
HTML TAGS
 All HTML document contains a <html> and
</html> pair of tags.
 The HTML Tag goes in the line right after doctype
declaration.
 </html> is the last line.
Head Tag
 <head> and </head> tags identify the documents head
area information not visible on your page, except title.
 The following elements can go inside the <head>
element:
 <link> :-defines a link between a document and an
external resource.
 <base>:-specifies the base URL/target for all relative
URLs in a document
 <title>:-displays a title for the page in search-engine
results
defines a title in the browser toolbar
 <meta>:-used to specify page description, keywords,
author of the document, last modified, and other
metadata.
 <style>:- is used to define style information for an
HTML document (internal CSS).
 <script>:- is used to define a client-side script, such as
a JavaScript.
Meta tags
 They are coding inserted in the head tag section
of web page that is not seen by the visitors but
communicate to the browser and search engines.
 This tag specify information about the web
document.
 Meta elements has two pairs, a property and
value assign to that property.
 <meta name=“property name” content=“property
value”>
 Where name identify the property with property
name, content sets the property value.
SEO Metatags
 Search engines use the information contained in
the keywords meta tag and description meta tags
when indexing webpage
 <meta name=“keywords” content=“Education,
Tribhuvan University, Nepal, BIM”>
Headline Tag
 Headline tags as their name suggests, are used to
differentiate the heading of page from the rest of the
content.
 These tags are also known as HTML header tags or
head tags or SEO heading tags.
 The <h1> to <h6> are used to define HTML
heading
 <h1> defines the most important heading
 <h6> defines the least important heading
Syntax:
<h1 align=“center”> Asian College</h1>
Header tag from SEO point of view
 Relevance:- SE spider checks the relevancy of the
header tags with the content associated with it.
 Importance of h1 tag:- h1 tag should not be skipped
in the page. Spider pay attention towards the word
use in h1 tag.
 Enriched user experience:- gives clear idea of what
the page content is about.
Any Queries ?

More Related Content

What's hot

Meta Tag Presentation
Meta Tag PresentationMeta Tag Presentation
Meta Tag Presentation
laurlaur123
 

What's hot (20)

Html vs xhtml
Html vs xhtmlHtml vs xhtml
Html vs xhtml
 
Dhtml
DhtmlDhtml
Dhtml
 
What is html xml and xhtml
What is html xml and xhtmlWhat is html xml and xhtml
What is html xml and xhtml
 
Xhtml
XhtmlXhtml
Xhtml
 
Html_Day_One (W3Schools)
Html_Day_One (W3Schools)Html_Day_One (W3Schools)
Html_Day_One (W3Schools)
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)
 
Html training part1
Html training part1Html training part1
Html training part1
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Xhtml
XhtmlXhtml
Xhtml
 
Elements
ElementsElements
Elements
 
Customize Your Website With HTML5 and CSS3:
Customize Your Website With HTML5 and CSS3:Customize Your Website With HTML5 and CSS3:
Customize Your Website With HTML5 and CSS3:
 
HTML Semantic Elements
HTML Semantic ElementsHTML Semantic Elements
HTML Semantic Elements
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML Tags
 
HTML and CSS Basics
HTML and CSS BasicsHTML and CSS Basics
HTML and CSS Basics
 
HTML 5 Topic 2
HTML 5 Topic 2HTML 5 Topic 2
HTML 5 Topic 2
 
HTML5 Topic 1
HTML5 Topic 1HTML5 Topic 1
HTML5 Topic 1
 
Meta Tag Presentation
Meta Tag PresentationMeta Tag Presentation
Meta Tag Presentation
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)
 

Similar to Web technology

Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptxWeb_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
gauravpurola
 

Similar to Web technology (20)

Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Html
HtmlHtml
Html
 
html complete notes
html complete noteshtml complete notes
html complete notes
 
html compete notes basic to advanced
html compete notes basic to advancedhtml compete notes basic to advanced
html compete notes basic to advanced
 
Html5 css3
Html5 css3Html5 css3
Html5 css3
 
Introduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxIntroduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntax
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
3 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp023 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp02
 
HTML web design_ an introduction to design
HTML web design_ an introduction to designHTML web design_ an introduction to design
HTML web design_ an introduction to design
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
 
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptxWeb_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 
Html-meeting1-1.pptx
Html-meeting1-1.pptxHtml-meeting1-1.pptx
Html-meeting1-1.pptx
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
 

More from Partnered Health

Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
Partnered Health
 
Question and questionnaire design
Question and questionnaire designQuestion and questionnaire design
Question and questionnaire design
Partnered Health
 

More from Partnered Health (20)

Spam Email identification
Spam Email identificationSpam Email identification
Spam Email identification
 
Final spam-e-mail-detection
Final  spam-e-mail-detectionFinal  spam-e-mail-detection
Final spam-e-mail-detection
 
Java For beginners and CSIT and IT students
Java  For beginners and CSIT and IT studentsJava  For beginners and CSIT and IT students
Java For beginners and CSIT and IT students
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
Hardware concept for graphics
Hardware concept  for graphics Hardware concept  for graphics
Hardware concept for graphics
 
Dom(document object model)
Dom(document object model)Dom(document object model)
Dom(document object model)
 
Web inspector for front end developers..
Web inspector for front end developers..Web inspector for front end developers..
Web inspector for front end developers..
 
Web crawler and applications
Web crawler and applicationsWeb crawler and applications
Web crawler and applications
 
Semantic markup language
Semantic markup languageSemantic markup language
Semantic markup language
 
Meta tags
Meta tagsMeta tags
Meta tags
 
Listing in web development and uses
Listing in web development and usesListing in web development and uses
Listing in web development and uses
 
Fire bugfirebug and ways to install it..
Fire bugfirebug and ways to install it..Fire bugfirebug and ways to install it..
Fire bugfirebug and ways to install it..
 
Dreamweaver and idm
Dreamweaver and idmDreamweaver and idm
Dreamweaver and idm
 
File structure
File structureFile structure
File structure
 
Structure
StructureStructure
Structure
 
Analysis of unix and windows
Analysis of unix and windowsAnalysis of unix and windows
Analysis of unix and windows
 
Organizational aspect of sample survey
Organizational aspect of sample surveyOrganizational aspect of sample survey
Organizational aspect of sample survey
 
Question and questionnaire design
Question and questionnaire designQuestion and questionnaire design
Question and questionnaire design
 
Sampling
SamplingSampling
Sampling
 

Recently uploaded

一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
ayvbos
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Monica Sydney
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
ayvbos
 
一比一原版贝德福特大学毕业证学位证书
一比一原版贝德福特大学毕业证学位证书一比一原版贝德福特大学毕业证学位证书
一比一原版贝德福特大学毕业证学位证书
F
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
ydyuyu
 
一比一原版犹他大学毕业证如何办理
一比一原版犹他大学毕业证如何办理一比一原版犹他大学毕业证如何办理
一比一原版犹他大学毕业证如何办理
F
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
ydyuyu
 

Recently uploaded (20)

Ballia Escorts Service Girl ^ 9332606886, WhatsApp Anytime Ballia
Ballia Escorts Service Girl ^ 9332606886, WhatsApp Anytime BalliaBallia Escorts Service Girl ^ 9332606886, WhatsApp Anytime Ballia
Ballia Escorts Service Girl ^ 9332606886, WhatsApp Anytime Ballia
 
Delivery in 20 Mins Call Girls Cuttack 9332606886 HOT & SEXY Models beautifu...
Delivery in 20 Mins Call Girls Cuttack  9332606886 HOT & SEXY Models beautifu...Delivery in 20 Mins Call Girls Cuttack  9332606886 HOT & SEXY Models beautifu...
Delivery in 20 Mins Call Girls Cuttack 9332606886 HOT & SEXY Models beautifu...
 
💚 Call Girls Bahraich 9332606886 High Profile Call Girls You Can Get The S...
💚 Call Girls Bahraich   9332606886  High Profile Call Girls You Can Get The S...💚 Call Girls Bahraich   9332606886  High Profile Call Girls You Can Get The S...
💚 Call Girls Bahraich 9332606886 High Profile Call Girls You Can Get The S...
 
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
 
Research Assignment - NIST SP800 [172 A] - Presentation.pptx
Research Assignment - NIST SP800 [172 A] - Presentation.pptxResearch Assignment - NIST SP800 [172 A] - Presentation.pptx
Research Assignment - NIST SP800 [172 A] - Presentation.pptx
 
Call Girls Mehdipatnam ( 8250092165 ) Cheap rates call girls | Get low budget
Call Girls Mehdipatnam ( 8250092165 ) Cheap rates call girls | Get low budgetCall Girls Mehdipatnam ( 8250092165 ) Cheap rates call girls | Get low budget
Call Girls Mehdipatnam ( 8250092165 ) Cheap rates call girls | Get low budget
 
Mira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
Mira Road Housewife Call Girls 07506202331, Nalasopara Call GirlsMira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
Mira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
 
APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53
 
Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
 
一比一原版贝德福特大学毕业证学位证书
一比一原版贝德福特大学毕业证学位证书一比一原版贝德福特大学毕业证学位证书
一比一原版贝德福特大学毕业证学位证书
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
 
Down bad crying at the gym t shirtsDown bad crying at the gym t shirts
Down bad crying at the gym t shirtsDown bad crying at the gym t shirtsDown bad crying at the gym t shirtsDown bad crying at the gym t shirts
Down bad crying at the gym t shirtsDown bad crying at the gym t shirts
 
一比一原版犹他大学毕业证如何办理
一比一原版犹他大学毕业证如何办理一比一原版犹他大学毕业证如何办理
一比一原版犹他大学毕业证如何办理
 
[Hackersuli] Élő szövet a fémvázon: Python és gépi tanulás a Zeek platformon
[Hackersuli] Élő szövet a fémvázon: Python és gépi tanulás a Zeek platformon[Hackersuli] Élő szövet a fémvázon: Python és gépi tanulás a Zeek platformon
[Hackersuli] Élő szövet a fémvázon: Python és gépi tanulás a Zeek platformon
 
Local Call Girls in Seoni 9332606886 HOT & SEXY Models beautiful and charmin...
Local Call Girls in Seoni  9332606886 HOT & SEXY Models beautiful and charmin...Local Call Girls in Seoni  9332606886 HOT & SEXY Models beautiful and charmin...
Local Call Girls in Seoni 9332606886 HOT & SEXY Models beautiful and charmin...
 
Tadepalligudem Escorts Service Girl ^ 9332606886, WhatsApp Anytime Tadepallig...
Tadepalligudem Escorts Service Girl ^ 9332606886, WhatsApp Anytime Tadepallig...Tadepalligudem Escorts Service Girl ^ 9332606886, WhatsApp Anytime Tadepallig...
Tadepalligudem Escorts Service Girl ^ 9332606886, WhatsApp Anytime Tadepallig...
 
20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
 

Web technology

  • 2. Document Type Declaration  The <!DOCTYPE> declaration must be the very first thing in HTML document before the <html> tag  The <!DOCTYPE> declaration is not HTML tag it is an instruction to the web browser about the version of HTML page is written in.  Common Doctype declaration: HTML <!DOCTYPE HTML>
  • 3. HTML 4.01 strict  This DTD contains all HTML elements and attributes but not include Presentational Elements.  Example:- <!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.01// EN” http://www.w3.org/TR/html 4/ strict.dtd>
  • 4. HTML 4.01 transitional  This DTD contains all HTML elements and attributes including presentational elements  Example:- <!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.01 Transitional// EN” http://www.w3.org/TR/html 4/ loose.dtd>
  • 5. Presentational Tags  b (bold)  i (italic)  tt (teletype)  sub (subscript)  sup (superscript),  big,  small and  hr (horizontal rule) are all presentational tags.
  • 6. HTML TAGS  All HTML document contains a <html> and </html> pair of tags.  The HTML Tag goes in the line right after doctype declaration.  </html> is the last line.
  • 7. Head Tag  <head> and </head> tags identify the documents head area information not visible on your page, except title.  The following elements can go inside the <head> element:  <link> :-defines a link between a document and an external resource.  <base>:-specifies the base URL/target for all relative URLs in a document  <title>:-displays a title for the page in search-engine results defines a title in the browser toolbar
  • 8.  <meta>:-used to specify page description, keywords, author of the document, last modified, and other metadata.  <style>:- is used to define style information for an HTML document (internal CSS).  <script>:- is used to define a client-side script, such as a JavaScript.
  • 9. Meta tags  They are coding inserted in the head tag section of web page that is not seen by the visitors but communicate to the browser and search engines.  This tag specify information about the web document.  Meta elements has two pairs, a property and value assign to that property.  <meta name=“property name” content=“property value”>  Where name identify the property with property name, content sets the property value.
  • 10. SEO Metatags  Search engines use the information contained in the keywords meta tag and description meta tags when indexing webpage  <meta name=“keywords” content=“Education, Tribhuvan University, Nepal, BIM”>
  • 11. Headline Tag  Headline tags as their name suggests, are used to differentiate the heading of page from the rest of the content.  These tags are also known as HTML header tags or head tags or SEO heading tags.  The <h1> to <h6> are used to define HTML heading  <h1> defines the most important heading  <h6> defines the least important heading Syntax: <h1 align=“center”> Asian College</h1>
  • 12. Header tag from SEO point of view  Relevance:- SE spider checks the relevancy of the header tags with the content associated with it.  Importance of h1 tag:- h1 tag should not be skipped in the page. Spider pay attention towards the word use in h1 tag.  Enriched user experience:- gives clear idea of what the page content is about.