SlideShare a Scribd company logo
Html introduction
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
Ad

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
Katherine McCurdy-Lapierre, R.G.D.
 
HTML-INTRO.pptx
HTML-INTRO.pptxHTML-INTRO.pptx
HTML-INTRO.pptx
SanjayKumarBahuguna1
 
Html
HtmlHtml
Html
Subahu Jain
 
intro-to-html
intro-to-htmlintro-to-html
intro-to-html
Vivek Shah
 
html
htmlhtml
html
Soumya Vijoy
 
Lecture-2.pptx
Lecture-2.pptxLecture-2.pptx
Lecture-2.pptx
vishal choudhary
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
Deputy Chief Librarian & Head
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
Deputy Chief Librarian & Head
 
Html
HtmlHtml
Html
NithyaD5
 
Title, heading and paragraph tags
Title, heading and paragraph tagsTitle, heading and paragraph tags
Title, heading and paragraph tags
Sara Corpuz
 
TagsL1.pptx
TagsL1.pptxTagsL1.pptx
TagsL1.pptx
KrishRaj48
 
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
AAFREEN SHAIKH
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formatting
CK Yang
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
Sayan De
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
People Strategists
 
HTML (Basic to Advance)
HTML (Basic to Advance)HTML (Basic to Advance)
HTML (Basic to Advance)
Coder Tech
 
Html
HtmlHtml
Html
Zintle Tonyela
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
Himanshu Pathak
 
Advance HTML
Advance HTMLAdvance HTML
Advance HTML
VijaySingh790398
 
Html introduction
Html introductionHtml introduction
Html introduction
vishnu murthy
 

Recently uploaded (20)

All About the 990 Unlocking Its Mysteries and Its Power.pdf
All About the 990 Unlocking Its Mysteries and Its Power.pdfAll About the 990 Unlocking Its Mysteries and Its Power.pdf
All About the 990 Unlocking Its Mysteries and Its Power.pdf
TechSoup
 
The role of wall art in interior designing
The role of wall art in interior designingThe role of wall art in interior designing
The role of wall art in interior designing
meghaark2110
 
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
Celine George
 
Pope Leo XIV, the first Pope from North America.pptx
Pope Leo XIV, the first Pope from North America.pptxPope Leo XIV, the first Pope from North America.pptx
Pope Leo XIV, the first Pope from North America.pptx
Martin M Flynn
 
Ajanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of HistoryAjanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of History
Virag Sontakke
 
Overview Well-Being and Creative Careers
Overview Well-Being and Creative CareersOverview Well-Being and Creative Careers
Overview Well-Being and Creative Careers
University of Amsterdam
 
Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...
parmarjuli1412
 
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptxU3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
Mayuri Chavan
 
puzzle Irregular Verbs- Simple Past Tense
puzzle Irregular Verbs- Simple Past Tensepuzzle Irregular Verbs- Simple Past Tense
puzzle Irregular Verbs- Simple Past Tense
OlgaLeonorTorresSnch
 
Myasthenia gravis (Neuromuscular disorder)
Myasthenia gravis (Neuromuscular disorder)Myasthenia gravis (Neuromuscular disorder)
Myasthenia gravis (Neuromuscular disorder)
Mohamed Rizk Khodair
 
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon DolabaniHistory Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
fruinkamel7m
 
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptxTERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
PoojaSen20
 
What is the Philosophy of Statistics? (and how I was drawn to it)
What is the Philosophy of Statistics? (and how I was drawn to it)What is the Philosophy of Statistics? (and how I was drawn to it)
What is the Philosophy of Statistics? (and how I was drawn to it)
jemille6
 
How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18
Celine George
 
MEDICAL BIOLOGY MCQS BY. DR NASIR MUSTAFA
MEDICAL BIOLOGY MCQS  BY. DR NASIR MUSTAFAMEDICAL BIOLOGY MCQS  BY. DR NASIR MUSTAFA
MEDICAL BIOLOGY MCQS BY. DR NASIR MUSTAFA
Dr. Nasir Mustafa
 
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
Dr. Nasir Mustafa
 
Final Evaluation.docx...........................
Final Evaluation.docx...........................Final Evaluation.docx...........................
Final Evaluation.docx...........................
l1bbyburrell
 
Botany Assignment Help Guide - Academic Excellence
Botany Assignment Help Guide - Academic ExcellenceBotany Assignment Help Guide - Academic Excellence
Botany Assignment Help Guide - Academic Excellence
online college homework help
 
Ancient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian HistoryAncient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian History
Virag Sontakke
 
How To Maximize Sales Performance using Odoo 18 Diverse views in sales module
How To Maximize Sales Performance using Odoo 18 Diverse views in sales moduleHow To Maximize Sales Performance using Odoo 18 Diverse views in sales module
How To Maximize Sales Performance using Odoo 18 Diverse views in sales module
Celine George
 
All About the 990 Unlocking Its Mysteries and Its Power.pdf
All About the 990 Unlocking Its Mysteries and Its Power.pdfAll About the 990 Unlocking Its Mysteries and Its Power.pdf
All About the 990 Unlocking Its Mysteries and Its Power.pdf
TechSoup
 
The role of wall art in interior designing
The role of wall art in interior designingThe role of wall art in interior designing
The role of wall art in interior designing
meghaark2110
 
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
Celine George
 
Pope Leo XIV, the first Pope from North America.pptx
Pope Leo XIV, the first Pope from North America.pptxPope Leo XIV, the first Pope from North America.pptx
Pope Leo XIV, the first Pope from North America.pptx
Martin M Flynn
 
Ajanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of HistoryAjanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of History
Virag Sontakke
 
Overview Well-Being and Creative Careers
Overview Well-Being and Creative CareersOverview Well-Being and Creative Careers
Overview Well-Being and Creative Careers
University of Amsterdam
 
Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...
parmarjuli1412
 
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptxU3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
U3 ANTITUBERCULAR DRUGS Pharmacology 3.pptx
Mayuri Chavan
 
puzzle Irregular Verbs- Simple Past Tense
puzzle Irregular Verbs- Simple Past Tensepuzzle Irregular Verbs- Simple Past Tense
puzzle Irregular Verbs- Simple Past Tense
OlgaLeonorTorresSnch
 
Myasthenia gravis (Neuromuscular disorder)
Myasthenia gravis (Neuromuscular disorder)Myasthenia gravis (Neuromuscular disorder)
Myasthenia gravis (Neuromuscular disorder)
Mohamed Rizk Khodair
 
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon DolabaniHistory Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
History Of The Monastery Of Mor Gabriel Philoxenos Yuhanon Dolabani
fruinkamel7m
 
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptxTERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
TERMINOLOGIES,GRIEF PROCESS AND LOSS AMD ITS TYPES .pptx
PoojaSen20
 
What is the Philosophy of Statistics? (and how I was drawn to it)
What is the Philosophy of Statistics? (and how I was drawn to it)What is the Philosophy of Statistics? (and how I was drawn to it)
What is the Philosophy of Statistics? (and how I was drawn to it)
jemille6
 
How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18
Celine George
 
MEDICAL BIOLOGY MCQS BY. DR NASIR MUSTAFA
MEDICAL BIOLOGY MCQS  BY. DR NASIR MUSTAFAMEDICAL BIOLOGY MCQS  BY. DR NASIR MUSTAFA
MEDICAL BIOLOGY MCQS BY. DR NASIR MUSTAFA
Dr. Nasir Mustafa
 
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
Dr. Nasir Mustafa
 
Final Evaluation.docx...........................
Final Evaluation.docx...........................Final Evaluation.docx...........................
Final Evaluation.docx...........................
l1bbyburrell
 
Botany Assignment Help Guide - Academic Excellence
Botany Assignment Help Guide - Academic ExcellenceBotany Assignment Help Guide - Academic Excellence
Botany Assignment Help Guide - Academic Excellence
online college homework help
 
Ancient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian HistoryAncient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian History
Virag Sontakke
 
How To Maximize Sales Performance using Odoo 18 Diverse views in sales module
How To Maximize Sales Performance using Odoo 18 Diverse views in sales moduleHow To Maximize Sales Performance using Odoo 18 Diverse views in sales module
How To Maximize Sales Performance using Odoo 18 Diverse views in sales module
Celine George
 
Ad

Html introduction

  • 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.
  翻译: