SlideShare a Scribd company logo
Unit 4 – Text in HTML Presentation   1 Web Programming
Revision Name the attribute used to change the alignment of a paragraph? Write the use of  <BR>  tag? Give the purpose of adding comments? Name the tag used to scroll a text? Write the use of character entities? Give the tag and attribute used to add a picture to the background of the browser window?
Objectives At the end of this presentation, you will be able to Make the text bold, italic and underlined
Introduction Formatting a text refers to modifying the appearance of a text. Makes it attractive  Presents it in a more readable form. After Formatting Before Formatting
Hands-On! Open the HTML file  BIU.HTML  in  C:\HTML\Unit4\Hands On  Folder The output is shown below: Text made Bold Text made Italic Text Underlined
Bold <B> tag is used to make a text bold. Enclosed between <B> and </B> tags.  Example: <B>  Who is the father of Computer?  </B>
Italic <I> tag is used to make the text slanted to the right. Enclosed between <I> and </I> tags. Example: <I> a) Charles Babbage </I>
Underline <U>  tag is used to make the text underline. Enclosed between  <U>  and  </U>  tags.  Example: <U>  General Knowledge  </U>
Activity 2.4.1 Create a web page that explains the <B>, <I> and <U> tags as shown in Figure.  Save the HTML file as Activity1.HTML in C:\HTML\Unit4\Activity folder.
Lab Exercise Open D4_1.html in Internet Explorer.   View the Source code in Notepad. Identify the tag, which is used for displaying the output in bold and underline. Identify the tag, which is used for the text  Micro Computers. Identify the <U> tag in the source code of D4_1.html.  Change the style of the  Mainframe Computers t o bold, italic and underline.
Summary In this presentation, you learnt the following: The  <B>  tag is used to make a text bold.  The  <I>  tag is used for   italicising the text. The  <U>  tag is used for underlining a text.
Assignment Name the tags used to make a text bold, italic and underlined.

More Related Content

PPT
M02 un04 p02
DOCX
Lesson plan: HTML Formatting Texts and Paragraphs
DOCX
Lesson plan htmltextformattingtag
DOC
Lesson plan 3
PPT
M02 un04 p04
PPTX
Introduction to basic HTML [Librarian edition]
PPT
HTML & Textile Training
PPT
M02 un04 p03
M02 un04 p02
Lesson plan: HTML Formatting Texts and Paragraphs
Lesson plan htmltextformattingtag
Lesson plan 3
M02 un04 p04
Introduction to basic HTML [Librarian edition]
HTML & Textile Training
M02 un04 p03

What's hot (20)

PDF
Code This, Not That: 10 Do's and Don'ts For Learning HTML
PDF
Intro to HTML (Kid's Class at TIY)
PPTX
Web topic 2 html
PPTX
Basic HTML
PDF
Html Presentation
PPT
Diva
PPTX
basic introduction of html tags
PPTX
PPT
Unit 1.2 Introduction to Programming
PPTX
A109 base code html
PPTX
Web design - HTML (Hypertext Markup Language) introduction
PPT
HTML_Slideshow1
PPS
Lecture1
PPT
Understanding THML
PPTX
Web html1
PPT
Html text formatting
ODP
Htmltag.ppt
DOCX
CLASS VII COMPUTERS HTML
PPTX
Code This, Not That: 10 Do's and Don'ts For Learning HTML
Intro to HTML (Kid's Class at TIY)
Web topic 2 html
Basic HTML
Html Presentation
Diva
basic introduction of html tags
Unit 1.2 Introduction to Programming
A109 base code html
Web design - HTML (Hypertext Markup Language) introduction
HTML_Slideshow1
Lecture1
Understanding THML
Web html1
Html text formatting
Htmltag.ppt
CLASS VII COMPUTERS HTML
Ad

Viewers also liked (20)

PDF
バーチャル読書会 第2回
PPT
Business resources for librarians 11 29-11
PPS
Sunu3 Virus
PPT
Meadowlarks by Katie
PPT
新聞整理五則
PPT
Social Media for Photographers
PPT
My Learning Process
PPT
Sunrise Question
PPT
My Evidence Of My Learning Process
PPS
How To Keep Men Women Happy
PPT
Flowers
PPS
Kkka Korunma
PDF
Presentazione Cerisdi (7Nov2008)
PPT
Power Point
PPT
PresentacióN
PPT
Piano Strategico di Marsala - Lancio
PPS
PDF
Bezalel: Introduction to Interactive Design: ב4 - מבוא לעיצוב אינטראקטיבי - ה...
PPS
Seulement
バーチャル読書会 第2回
Business resources for librarians 11 29-11
Sunu3 Virus
Meadowlarks by Katie
新聞整理五則
Social Media for Photographers
My Learning Process
Sunrise Question
My Evidence Of My Learning Process
How To Keep Men Women Happy
Flowers
Kkka Korunma
Presentazione Cerisdi (7Nov2008)
Power Point
PresentacióN
Piano Strategico di Marsala - Lancio
Bezalel: Introduction to Interactive Design: ב4 - מבוא לעיצוב אינטראקטיבי - ה...
Seulement
Ad

Similar to M02 un04 p01 (20)

PDF
2.4 Text in HTML
PPTX
HTML Text formatting tags
PPT
Module 2 Lesson 1
PPTX
Basic HTML
PPT
Unit 2.3 Part 1
PPTX
Basic HTML
PPTX
Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2)
PPTX
GFGC CHIKKABASUR(HTML)
PPTX
GFGC CHIKKABASUR(HTML)
PPTX
IT Unit III.pptx
PPTX
Hyper text markup Language
PDF
3. Web Technology Advanced HTML
PPTX
Creating a webpage in html
PPTX
Html web designing enhancing text
PPTX
Web topic 5 text formatting
PPTX
Week 4 Lecture Part 2
DOCX
PPTX
Internet Technology UNIT 2 FINAL NOTES.pptx
PDF
HTML Basic Tags PDF by CodeHim
PDF
2.4 Text in HTML
HTML Text formatting tags
Module 2 Lesson 1
Basic HTML
Unit 2.3 Part 1
Basic HTML
Std 10 Computer Chapter 1 Basic Formatting Tag in HTML (Part 2)
GFGC CHIKKABASUR(HTML)
GFGC CHIKKABASUR(HTML)
IT Unit III.pptx
Hyper text markup Language
3. Web Technology Advanced HTML
Creating a webpage in html
Html web designing enhancing text
Web topic 5 text formatting
Week 4 Lecture Part 2
Internet Technology UNIT 2 FINAL NOTES.pptx
HTML Basic Tags PDF by CodeHim

More from Intan Jameel (20)

PDF
1.3 Process and Information Layout
PDF
Unit 2.10 - Frames
PPT
M02 un11 p02
PPT
M02 un10 p02
PPT
M02 un10 p01
PPT
M02 un09 p02
PPT
M02 un09 p01
PPT
M02 un08 p01
PPT
M02 un07 p02
PPT
M02 un07 p01
PPT
M02 un06 p02
PPT
M02 un06 p01
PPT
M02 un05 p02
PPT
M02 un05 p01
PPT
M02 un12 p01
PPT
M02 un11 p01
PPT
Unit 2.2 Part 1
PPT
Unit 2.1 Part 4
PPT
Unit 2.1 Part 3
PPT
Unit 2.1 Part 2
1.3 Process and Information Layout
Unit 2.10 - Frames
M02 un11 p02
M02 un10 p02
M02 un10 p01
M02 un09 p02
M02 un09 p01
M02 un08 p01
M02 un07 p02
M02 un07 p01
M02 un06 p02
M02 un06 p01
M02 un05 p02
M02 un05 p01
M02 un12 p01
M02 un11 p01
Unit 2.2 Part 1
Unit 2.1 Part 4
Unit 2.1 Part 3
Unit 2.1 Part 2

Recently uploaded (20)

PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
CIFDAQ's Market Wrap: Ethereum Leads, Bitcoin Lags, Institutions Shift
PDF
How-Cloud-Computing-Impacts-Businesses-in-2025-and-Beyond.pdf
PDF
Google’s NotebookLM Unveils Video Overviews
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
PPTX
ChatGPT's Deck on The Enduring Legacy of Fax Machines
PDF
Dell Pro 14 Plus: Be better prepared for what’s coming
PPTX
ABU RAUP TUGAS TIK kelas 8 hjhgjhgg.pptx
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
PDF
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
PDF
Chapter 2 Digital Image Fundamentals.pdf
PDF
Reimagining Insurance: Connected Data for Confident Decisions.pdf
PDF
REPORT: Heating appliances market in Poland 2024
PDF
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
PPTX
Telecom Fraud Prevention Guide | Hyperlink InfoSystem
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
madgavkar20181017ppt McKinsey Presentation.pdf
PDF
DevOps & Developer Experience Summer BBQ
NewMind AI Weekly Chronicles - August'25 Week I
CIFDAQ's Market Wrap: Ethereum Leads, Bitcoin Lags, Institutions Shift
How-Cloud-Computing-Impacts-Businesses-in-2025-and-Beyond.pdf
Google’s NotebookLM Unveils Video Overviews
NewMind AI Weekly Chronicles - July'25 - Week IV
ChatGPT's Deck on The Enduring Legacy of Fax Machines
Dell Pro 14 Plus: Be better prepared for what’s coming
ABU RAUP TUGAS TIK kelas 8 hjhgjhgg.pptx
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
NewMind AI Monthly Chronicles - July 2025
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
Chapter 2 Digital Image Fundamentals.pdf
Reimagining Insurance: Connected Data for Confident Decisions.pdf
REPORT: Heating appliances market in Poland 2024
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
Telecom Fraud Prevention Guide | Hyperlink InfoSystem
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
madgavkar20181017ppt McKinsey Presentation.pdf
DevOps & Developer Experience Summer BBQ

M02 un04 p01

  • 1. Unit 4 – Text in HTML Presentation 1 Web Programming
  • 2. Revision Name the attribute used to change the alignment of a paragraph? Write the use of <BR> tag? Give the purpose of adding comments? Name the tag used to scroll a text? Write the use of character entities? Give the tag and attribute used to add a picture to the background of the browser window?
  • 3. Objectives At the end of this presentation, you will be able to Make the text bold, italic and underlined
  • 4. Introduction Formatting a text refers to modifying the appearance of a text. Makes it attractive Presents it in a more readable form. After Formatting Before Formatting
  • 5. Hands-On! Open the HTML file BIU.HTML in C:\HTML\Unit4\Hands On Folder The output is shown below: Text made Bold Text made Italic Text Underlined
  • 6. Bold <B> tag is used to make a text bold. Enclosed between <B> and </B> tags. Example: <B> Who is the father of Computer? </B>
  • 7. Italic <I> tag is used to make the text slanted to the right. Enclosed between <I> and </I> tags. Example: <I> a) Charles Babbage </I>
  • 8. Underline <U> tag is used to make the text underline. Enclosed between <U> and </U> tags. Example: <U> General Knowledge </U>
  • 9. Activity 2.4.1 Create a web page that explains the <B>, <I> and <U> tags as shown in Figure. Save the HTML file as Activity1.HTML in C:\HTML\Unit4\Activity folder.
  • 10. Lab Exercise Open D4_1.html in Internet Explorer. View the Source code in Notepad. Identify the tag, which is used for displaying the output in bold and underline. Identify the tag, which is used for the text Micro Computers. Identify the <U> tag in the source code of D4_1.html. Change the style of the Mainframe Computers t o bold, italic and underline.
  • 11. Summary In this presentation, you learnt the following: The <B> tag is used to make a text bold. The <I> tag is used for italicising the text. The <U> tag is used for underlining a text.
  • 12. Assignment Name the tags used to make a text bold, italic and underlined.