SlideShare a Scribd company logo
1 of 25
INTRODUCTION OF
HTML:-
Hyper Text Markup Language is developed
by "Tim Bemusler" (around 1980). It is
not a programming language It is a
markup language. It is used to create a
Web Pages, Along with CSS and JAVA
Script.
HTML TAGS:-
1.Heading Tag.
2. Paragraph Tag.
3. Bold Tag.
4. Italics Tag.
5. Underline Tag.
6. Center Tag.
7. tt Tag.
8.Pre Tag.
9. Superscript Tag.
10. Unpair Tag.
11. Graphics Tag.
12. Marquee Tag.
13. Anchor
HEADING TAG:-
Any document starts with a heading. We
can use different sizes of heading
tags. HTML also has six levels of
headings, which use the elements
<h1>,<h2>, <h3> ,<h4>, <h5>, <h6>
EXAMPLE OF HEADING TAG
<html>
<head>
<title>heading</title>
</head><body>RCEW
< h1 >RCEW</h1>RCEW
< h 2 > RCEW </h2>
<h 3 > RCEW </h3>
<h4>RCEW</h4>
</body>
</html>
PARAGRAPH TAG:-
<p> tags offers a way to structure we
text into different paragraphs . Each
paragraph of text should go in
between on opening <p> and closing
</p> tag.
EXAMPLES OF PARAGRAPH
TAG:-
<html>
<head>
<title>paragraph</title>
</head>
<body> <p>first paragraph</p>
<p>second paragraph</p>
<p>third paragraph</p>
</body></html>
BOLD TAG:-
The <b> tag specifies bold text.
EXAMPLE OF BOLD TAG:-
<html>
<body>
<p>This is normal <b>text is bold
text</b>
</p>
</body>
</html>
ITALIC TAG:-
The < i > tag defines a part of text in an
alternate voice or mood. The content
of the <i> tag is usually displayed in
italic. The <i> tag can be used to in
italic .
The <i> tag can be used to indicate a
technical term, a phrase from another
language.
EXAMPLE OF ITALICS
TAG:-
<html>
<body>
<p>He named his car<i>The
lighting</i></p>
</body>
</html>
UNDERLINE TAG:-
The<u> tag represents some text that should be
stylistically different from normal
text. Syntax:-
<html>
<body>
<p>This is a
<u>paragraph</u>
.</p>
</body></html>
CENTER TAG:-
The <center> tag is used to align text.
EXAMPLE OF CENTER
TAG
<html>
<body>
<p>This is cat.</p>
<center> how</center>
<p>This is cat</p>
</body>
</html>
SUPERSCRIPT TAG:-
The <sup> tag defines Subscript text .
Subscript text appears half a character
above the normal lines and is
sometimes rendered in a small font.
ANCHOR TAG
The <a> tag defines a hyper link; which
is used to link from one page to
another page.The most important
attribute of the <a> element is the href
attribute, which indicates the link's
destination. It is used to redirect one
page toAnother page is called anchor
tag.Syntax:-<ahref="edgename with
extension">clickname>/a>
BREAK TAG:-
The <br> tag inserts a single line break.
The <br> tag is an empty tag which
means that it has no end tag.
EXAMPLE OF BREAK TAG
<html>
<body>
<p> this line <br> in use the <br> element.
A text <br> use the br element.
</p>
</body>
</html>
MARQUEE TAG:-
The HTML <marquee> tag is used for scrolling
piece of text or image displayed either
horizontally across or vertically down your
web site page depending on the
settings.Syntax:-<marquee
behavior="alternate"Scrollamount="4"
direction="left"
onmouse="stop()"Onmouseout="start"
/marquee>
LIST:-
Group of item is called list.
List has two type->
1.Ordered list (ol)
2.Unordered list (ul)
EXAMPLE OF ORDERED
LIST:-
<html>
<body>
<h2>Ordered List</h2>
<ol>type="1">
<li>Coffee</li><li>Tea</li>
<li>Milk</li></ol>
</body>
</html
ONE EXAMPLE OF
UNORDERED LIST:-(DISC)
<html>
<body>
<h2>Unordered List</h2>
<ul>type="disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li></ul></body></html>
TABLE:-
It is used to stored the data in rows and
coloumns. Property of table:-
1.table.
2.width.
3.height.
4.Border
5.align.
Horizontal is represented by tr and vertical is
represented by td.
FORM:-
Form is used to submit or basic information on
a server or database.
1.Text(name/email/mobile)->it is unpair.
2.Password -> it is unpair.
3.Radio (male/female)-> it is unpair.
4.Checkbox->it is unpair.
5.File (upload browse file)-> it is pair.
6.textarea(address)->it is pair.
7.Button(submit/sign in/log in/cancel)-> it is
unpair.
THANK YOU

More Related Content

Similar to Html introduction (20)

Week 4 Lecture Part 2
Week 4 Lecture Part 2Week 4 Lecture Part 2
Week 4 Lecture Part 2
 
HTML-INTRO.pptx
HTML-INTRO.pptxHTML-INTRO.pptx
HTML-INTRO.pptx
 
Html
HtmlHtml
Html
 
intro-to-html
intro-to-htmlintro-to-html
intro-to-html
 
html
htmlhtml
html
 
Lecture-2.pptx
Lecture-2.pptxLecture-2.pptx
Lecture-2.pptx
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Html
HtmlHtml
Html
 
Title, heading and paragraph tags
Title, heading and paragraph tagsTitle, heading and paragraph tags
Title, heading and paragraph tags
 
TagsL1.pptx
TagsL1.pptxTagsL1.pptx
TagsL1.pptx
 
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfHSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formatting
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
HTML (Basic to Advance)
HTML (Basic to Advance)HTML (Basic to Advance)
HTML (Basic to Advance)
 
Html
HtmlHtml
Html
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
 
Advance HTML
Advance HTMLAdvance HTML
Advance HTML
 
Html introduction
Html introductionHtml introduction
Html introduction
 

Recently uploaded

Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentInMediaRes1
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxJiesonDelaCerna
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupJonathanParaisoCruz
 
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
 
Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...jaredbarbolino94
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitolTechU
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerunnathinaik
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 

Recently uploaded (20)

Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media Component
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized Group
 
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
 
Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptx
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developer
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
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 AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 

Html introduction

  • 1.
  • 2. INTRODUCTION OF HTML:- Hyper Text Markup Language is developed by "Tim Bemusler" (around 1980). It is not a programming language It is a markup language. It is used to create a Web Pages, Along with CSS and JAVA Script.
  • 3. HTML TAGS:- 1.Heading Tag. 2. Paragraph Tag. 3. Bold Tag. 4. Italics Tag. 5. Underline Tag. 6. Center Tag. 7. tt Tag. 8.Pre Tag. 9. Superscript Tag. 10. Unpair Tag. 11. Graphics Tag. 12. Marquee Tag. 13. Anchor
  • 4. HEADING TAG:- Any document starts with a heading. We can use different sizes of heading tags. HTML also has six levels of headings, which use the elements <h1>,<h2>, <h3> ,<h4>, <h5>, <h6>
  • 5. EXAMPLE OF HEADING TAG <html> <head> <title>heading</title> </head><body>RCEW < h1 >RCEW</h1>RCEW < h 2 > RCEW </h2> <h 3 > RCEW </h3> <h4>RCEW</h4> </body> </html>
  • 6. PARAGRAPH TAG:- <p> tags offers a way to structure we text into different paragraphs . Each paragraph of text should go in between on opening <p> and closing </p> tag.
  • 7. EXAMPLES OF PARAGRAPH TAG:- <html> <head> <title>paragraph</title> </head> <body> <p>first paragraph</p> <p>second paragraph</p> <p>third paragraph</p> </body></html>
  • 8. BOLD TAG:- The <b> tag specifies bold text.
  • 9. EXAMPLE OF BOLD TAG:- <html> <body> <p>This is normal <b>text is bold text</b> </p> </body> </html>
  • 10. ITALIC TAG:- The < i > tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic. The <i> tag can be used to in italic . The <i> tag can be used to indicate a technical term, a phrase from another language.
  • 11. EXAMPLE OF ITALICS TAG:- <html> <body> <p>He named his car<i>The lighting</i></p> </body> </html>
  • 12. UNDERLINE TAG:- The<u> tag represents some text that should be stylistically different from normal text. Syntax:- <html> <body> <p>This is a <u>paragraph</u> .</p> </body></html>
  • 13. CENTER TAG:- The <center> tag is used to align text.
  • 14. EXAMPLE OF CENTER TAG <html> <body> <p>This is cat.</p> <center> how</center> <p>This is cat</p> </body> </html>
  • 15. SUPERSCRIPT TAG:- The <sup> tag defines Subscript text . Subscript text appears half a character above the normal lines and is sometimes rendered in a small font.
  • 16. ANCHOR TAG The <a> tag defines a hyper link; which is used to link from one page to another page.The most important attribute of the <a> element is the href attribute, which indicates the link's destination. It is used to redirect one page toAnother page is called anchor tag.Syntax:-<ahref="edgename with extension">clickname>/a>
  • 17. BREAK TAG:- The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag.
  • 18. EXAMPLE OF BREAK TAG <html> <body> <p> this line <br> in use the <br> element. A text <br> use the br element. </p> </body> </html>
  • 19. MARQUEE TAG:- The HTML <marquee> tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings.Syntax:-<marquee behavior="alternate"Scrollamount="4" direction="left" onmouse="stop()"Onmouseout="start" /marquee>
  • 20. LIST:- Group of item is called list. List has two type-> 1.Ordered list (ol) 2.Unordered list (ul)
  • 21. EXAMPLE OF ORDERED LIST:- <html> <body> <h2>Ordered List</h2> <ol>type="1"> <li>Coffee</li><li>Tea</li> <li>Milk</li></ol> </body> </html
  • 22. ONE EXAMPLE OF UNORDERED LIST:-(DISC) <html> <body> <h2>Unordered List</h2> <ul>type="disc"> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ul></body></html>
  • 23. TABLE:- It is used to stored the data in rows and coloumns. Property of table:- 1.table. 2.width. 3.height. 4.Border 5.align. Horizontal is represented by tr and vertical is represented by td.
  • 24. FORM:- Form is used to submit or basic information on a server or database. 1.Text(name/email/mobile)->it is unpair. 2.Password -> it is unpair. 3.Radio (male/female)-> it is unpair. 4.Checkbox->it is unpair. 5.File (upload browse file)-> it is pair. 6.textarea(address)->it is pair. 7.Button(submit/sign in/log in/cancel)-> it is unpair.