SlideShare a Scribd company logo
1 of 12
Chapter 1
Introduction to HTML
(Part 2- Basic Text Formatting Tags in HTML)
<HTML>
</HTML>
<head>
</head>
<title> Tom & Jerry</title>
<body>
</body>
HTML Heading Style
• HTML document generally
beginning with heading.
• Heading can be creating in
total six inbuilt sizes names
h1,h2,h3,h4, h5 and h6.
• Most browsers display the
contents of the <h1>,<h2>
and <h3> elements larger
than the default size of text
in the document.
• The content of the <h4>
element is similar to the
default content size.
Paragraph tags (<p> and </p>)
• The <p> tag structures the content into a paragraph.
• Each paragraph of text should go in between an opening
<p> and closing </p> tag.
• When an HTML code is displayed into a browser, the text
will automatically take up the full width of the screen.
• If you resize the browser window, the browser will trap
the text onto new lines.
• Such white space management allows developer of
HTML code to indent the code and add extra spaces to
maintain readability of the code.
Line break (<br> or <br/>)
• <br> tag is used for giving line break.
• <br> element does not have an opening and closing
tags. Such tag are known as empty tags.
• <br> is an abbreviated form of break.
• The <br> just pushes the coming text into new line.
• In case you need multiple lines, simply use multiple
<br> tags.
• <br> in paragraph forces compulsory break into the
content and disturbs text wrapping while
presentation and resizing the browser window.
Preformatted Text (<pre> and </pre>)
• Many a times we want to display text with multiple
white spaces and in multiple lines without wanting to
be changed it by the browser. For that we may embed
the content into pre-formatted tag set using <pre>
and </pre>.
• Any text between the opening <pre> and the closing
</pre> tag will preserve the formatting of the given
content.
• It display the content of notepad in the same format
in the browser.
Text Formatting Tags
Elements Description
Bold (<b> and </b>) The content is displayed in bold.
Underline (<u> and </u>) The content is displayed in underline.
Italics (<i> and </i>) The content is displayed in Italic.
Strike Through (<s> and </s>) It displays the word in strikethrough
manner.
Type writer font (<tt> and </tt>) Displays text in typewriter font which
is also identified as monospaced
font (like that of a teletype
machine)
Other Text Formatting Tags
Elements Description
<small> and </small> The content is displayed one font size
smaller than the rest of the text
surrounding it.
<big> and </big> The content is displayed one font size
bigger than the rest of the text
surrounding it.
<sup> and </sup> The content is displayed in superscript.
<sub> and </sub> The content is displayed in subscript.
<acronym> and </acronym> It defines the content as an acronym.
The <acronym> tag is used to spell out
another word.
<dfn> and </dfn> It defines a special term.
<q> and </q> It defines a quote.
Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2)

More Related Content

What's hot

What's hot (20)

Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
Html
HtmlHtml
Html
 
Introduction to PHP - Slide 1
Introduction to PHP - Slide 1 Introduction to PHP - Slide 1
Introduction to PHP - Slide 1
 
Introduction to Html
Introduction to Html Introduction to Html
Introduction to Html
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup Language
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Formatting of a Text in Html (Session 3)
Formatting of a Text in Html (Session 3)Formatting of a Text in Html (Session 3)
Formatting of a Text in Html (Session 3)
 
WEBD 162: What is a Web Page?
WEBD 162: What is a Web Page?WEBD 162: What is a Web Page?
WEBD 162: What is a Web Page?
 
Url
UrlUrl
Url
 
Project work
Project workProject work
Project work
 
Intro to HTML (Kid's Class at TIY)
Intro to HTML (Kid's Class at TIY)Intro to HTML (Kid's Class at TIY)
Intro to HTML (Kid's Class at TIY)
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
 
Html
HtmlHtml
Html
 
3. Web Technology Advanced HTML
3. Web Technology Advanced HTML3. Web Technology Advanced HTML
3. Web Technology Advanced HTML
 
HTML BASIC BY SHASHI KANT SINGH HAJIPUR
HTML BASIC BY SHASHI KANT SINGH HAJIPUR HTML BASIC BY SHASHI KANT SINGH HAJIPUR
HTML BASIC BY SHASHI KANT SINGH HAJIPUR
 
Html quiz
Html quizHtml quiz
Html quiz
 
@Html
@Html@Html
@Html
 

Similar to Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2)

introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
datapro2
 
introdution-to-html (1).ppt
introdution-to-html (1).pptintrodution-to-html (1).ppt
introdution-to-html (1).ppt
F3ZONE1
 
introdution-to-html.ppt NJBJGHGJHGGJGJG
introdution-to-html.ppt  NJBJGHGJHGGJGJGintrodution-to-html.ppt  NJBJGHGJHGGJGJG
introdution-to-html.ppt NJBJGHGJHGGJGJG
AMRITHA16
 

Similar to Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2) (20)

introduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML codingintroduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML coding
 
wpsession9.pptx
wpsession9.pptxwpsession9.pptx
wpsession9.pptx
 
Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3
 
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
 
Lecture 2 introduction to html basics
Lecture 2 introduction to html basicsLecture 2 introduction to html basics
Lecture 2 introduction to html basics
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
HTML-INTRO.pptx
HTML-INTRO.pptxHTML-INTRO.pptx
HTML-INTRO.pptx
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
HTML stands for HyperText Markup Language. It is used to design web pages usi...
HTML stands for HyperText Markup Language. It is used to design web pages usi...HTML stands for HyperText Markup Language. It is used to design web pages usi...
HTML stands for HyperText Markup Language. It is used to design web pages usi...
 
Html
HtmlHtml
Html
 
introdution-to-html[1].ppt
introdution-to-html[1].pptintrodution-to-html[1].ppt
introdution-to-html[1].ppt
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
summary html.ppt
summary html.pptsummary html.ppt
summary html.ppt
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...
 
introdution-to-html (1).ppt
introdution-to-html (1).pptintrodution-to-html (1).ppt
introdution-to-html (1).ppt
 
introdution-to-html.ppt NJBJGHGJHGGJGJG
introdution-to-html.ppt  NJBJGHGJHGGJGJGintrodution-to-html.ppt  NJBJGHGJHGGJGJG
introdution-to-html.ppt NJBJGHGJHGGJGJG
 
html.pptx
html.pptxhtml.pptx
html.pptx
 
introdution-to-html.ppt jahjdbsfhbdhdbjkgbe
introdution-to-html.ppt jahjdbsfhbdhdbjkgbeintrodution-to-html.ppt jahjdbsfhbdhdbjkgbe
introdution-to-html.ppt jahjdbsfhbdhdbjkgbe
 

More from Nuzhat Memon

More from Nuzhat Memon (20)

Std 10 chapter 11 data type, expression and operators important MCQs
Std 10 chapter 11 data type, expression and operators important MCQsStd 10 chapter 11 data type, expression and operators important MCQs
Std 10 chapter 11 data type, expression and operators important MCQs
 
Std 10 Chapter 10 Introduction to C Language Important MCQs
Std 10 Chapter 10 Introduction to C Language Important MCQsStd 10 Chapter 10 Introduction to C Language Important MCQs
Std 10 Chapter 10 Introduction to C Language Important MCQs
 
Std 12 chapter 7 Java Basics Important MCQs
Std 12 chapter 7 Java Basics Important MCQsStd 12 chapter 7 Java Basics Important MCQs
Std 12 chapter 7 Java Basics Important MCQs
 
Std 12 computer chapter 8 classes and objects in java important MCQs
Std 12 computer chapter 8 classes and objects in java important MCQsStd 12 computer chapter 8 classes and objects in java important MCQs
Std 12 computer chapter 8 classes and objects in java important MCQs
 
Std 12 Computer Chapter 6 object oriented concept important mcqs
Std 12 Computer Chapter 6 object oriented concept important mcqsStd 12 Computer Chapter 6 object oriented concept important mcqs
Std 12 Computer Chapter 6 object oriented concept important mcqs
 
Std 12 computer chapter 6 object oriented concepts (part 1)
Std 12 computer chapter 6 object oriented concepts (part 1)Std 12 computer chapter 6 object oriented concepts (part 1)
Std 12 computer chapter 6 object oriented concepts (part 1)
 
Std 12 computer chapter 6 object oriented concepts (part 2)
Std 12 computer chapter 6 object oriented concepts (part 2)Std 12 computer chapter 6 object oriented concepts (part 2)
Std 12 computer chapter 6 object oriented concepts (part 2)
 
Std 12 computer java basics part 3 control structure
Std 12 computer java basics part 3 control structureStd 12 computer java basics part 3 control structure
Std 12 computer java basics part 3 control structure
 
Std 12 Computer Chapter 7 Java Basics (Part 2)
Std 12 Computer Chapter 7 Java Basics (Part 2)Std 12 Computer Chapter 7 Java Basics (Part 2)
Std 12 Computer Chapter 7 Java Basics (Part 2)
 
Std 12 Computer Chapter 7 Java Basics (Part 1)
Std 12 Computer Chapter 7 Java Basics (Part 1)Std 12 Computer Chapter 7 Java Basics (Part 1)
Std 12 Computer Chapter 7 Java Basics (Part 1)
 
Std 12 Computer Chapter 13 other useful free tools and services important MCQs
Std 12 Computer Chapter 13 other useful free tools and services important MCQsStd 12 Computer Chapter 13 other useful free tools and services important MCQs
Std 12 Computer Chapter 13 other useful free tools and services important MCQs
 
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQsStd 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
 
Std 12 computer chapter 8 classes and object in java (part 2)
Std 12 computer chapter 8 classes and object in java (part 2)Std 12 computer chapter 8 classes and object in java (part 2)
Std 12 computer chapter 8 classes and object in java (part 2)
 
Std 10 computer chapter 10 introduction to c language (part2)
Std 10 computer chapter 10 introduction to c language (part2)Std 10 computer chapter 10 introduction to c language (part2)
Std 10 computer chapter 10 introduction to c language (part2)
 
Std 10 computer chapter 10 introduction to c language (part1)
Std 10 computer chapter 10 introduction to c language (part1)Std 10 computer chapter 10 introduction to c language (part1)
Std 10 computer chapter 10 introduction to c language (part1)
 
Std 10 computer chapter 9 Problems and Problem Solving
Std 10 computer chapter 9 Problems and Problem SolvingStd 10 computer chapter 9 Problems and Problem Solving
Std 10 computer chapter 9 Problems and Problem Solving
 
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
 
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
 
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Opera...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1  Basics Opera...Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1  Basics Opera...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Opera...
 
Std 11 Computer Chapter 4 Introduction to Layers (Part 3 Solving Textual Exe...
Std 11 Computer Chapter 4 Introduction to Layers  (Part 3 Solving Textual Exe...Std 11 Computer Chapter 4 Introduction to Layers  (Part 3 Solving Textual Exe...
Std 11 Computer Chapter 4 Introduction to Layers (Part 3 Solving Textual Exe...
 

Recently uploaded

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
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
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Recently uploaded (20)

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
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
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).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
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
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
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
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
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 

Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2)

  • 1.
  • 2.
  • 3. Chapter 1 Introduction to HTML (Part 2- Basic Text Formatting Tags in HTML)
  • 4. <HTML> </HTML> <head> </head> <title> Tom & Jerry</title> <body> </body>
  • 5. HTML Heading Style • HTML document generally beginning with heading. • Heading can be creating in total six inbuilt sizes names h1,h2,h3,h4, h5 and h6. • Most browsers display the contents of the <h1>,<h2> and <h3> elements larger than the default size of text in the document. • The content of the <h4> element is similar to the default content size.
  • 6.
  • 7. Paragraph tags (<p> and </p>) • The <p> tag structures the content into a paragraph. • Each paragraph of text should go in between an opening <p> and closing </p> tag. • When an HTML code is displayed into a browser, the text will automatically take up the full width of the screen. • If you resize the browser window, the browser will trap the text onto new lines. • Such white space management allows developer of HTML code to indent the code and add extra spaces to maintain readability of the code.
  • 8. Line break (<br> or <br/>) • <br> tag is used for giving line break. • <br> element does not have an opening and closing tags. Such tag are known as empty tags. • <br> is an abbreviated form of break. • The <br> just pushes the coming text into new line. • In case you need multiple lines, simply use multiple <br> tags. • <br> in paragraph forces compulsory break into the content and disturbs text wrapping while presentation and resizing the browser window.
  • 9. Preformatted Text (<pre> and </pre>) • Many a times we want to display text with multiple white spaces and in multiple lines without wanting to be changed it by the browser. For that we may embed the content into pre-formatted tag set using <pre> and </pre>. • Any text between the opening <pre> and the closing </pre> tag will preserve the formatting of the given content. • It display the content of notepad in the same format in the browser.
  • 10. Text Formatting Tags Elements Description Bold (<b> and </b>) The content is displayed in bold. Underline (<u> and </u>) The content is displayed in underline. Italics (<i> and </i>) The content is displayed in Italic. Strike Through (<s> and </s>) It displays the word in strikethrough manner. Type writer font (<tt> and </tt>) Displays text in typewriter font which is also identified as monospaced font (like that of a teletype machine)
  • 11. Other Text Formatting Tags Elements Description <small> and </small> The content is displayed one font size smaller than the rest of the text surrounding it. <big> and </big> The content is displayed one font size bigger than the rest of the text surrounding it. <sup> and </sup> The content is displayed in superscript. <sub> and </sub> The content is displayed in subscript. <acronym> and </acronym> It defines the content as an acronym. The <acronym> tag is used to spell out another word. <dfn> and </dfn> It defines a special term. <q> and </q> It defines a quote.