SlideShare a Scribd company logo
WORKING WITH BODY
TAG AND FRONT TAG
WORKING WITH BODY AND FONTS ATTRIBUTES
Using the body tag enables the user to manipulate the
background colors and text for a HTML documents and using
fonts you can override the text color in body tag.
<body> specifies that your in the body part of the document
Attributes
<body text=“blue”> - indicates the color of normal text
within the document
<body background=“url”> - specifies the relative or
absolute location of an image file that tiles across the
document background
<body bgcolor=“blue”> - indicates the color of the
document background
<body link=“red”> - indicates the color of hyperlink text
within the document, which corresponds to
documents no yet visited by the browser
<body alink=“blue”> - indicates the color of hyperlink
text while the text is selected
<body vlink=“green”> - indicates the color of hyperlink
text within the document, which corresponds to
documents already visited by the browser
<font> sets of alters the characteristics of the font which the
browser uses to display text
Attributes
<font color=“blue”> - indicates the color browser uses to
display text.
<font face=“arial”> - specifies a comma-separated list of
font names the browser uses to render text. If the
browser does not have acecess to the first name out, it
tries the second, then the third and so forth.
<font size=“10”> - specifies the size of the text affected by the
font tag number ranges from 1 to 7.
Using the Body and Font Tag
Using the Body and Font Tag Codes
ACTIVITY NILA KUNG GUSTO MO
body-tag-and-front-tag.pptx
body-tag-and-front-tag.pptx
body-tag-and-front-tag.pptx

More Related Content

Similar to body-tag-and-front-tag.pptx

Unit 1-HTML Final.ppt
Unit 1-HTML Final.pptUnit 1-HTML Final.ppt
Unit 1-HTML Final.ppt
TusharTikia
 
HTML or Hypertext Markup Language
HTML or Hypertext Markup LanguageHTML or Hypertext Markup Language
HTML or Hypertext Markup Language
Prof Ansari
 
Web Design Assignment 1
Web Design Assignment 1 Web Design Assignment 1
Web Design Assignment 1
beretta21
 
HTML
HTMLHTML
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
Dr. I. Uma Maheswari Maheswari
 
Html
HtmlHtml
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
Abzetdin Adamov
 
Html
HtmlHtml
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
Dr. I. Uma Maheswari Maheswari
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
Richa Singh
 
Basics ogHtml
Basics ogHtml Basics ogHtml
Basics ogHtml
rohitkumar2468
 
Html update1(30 8-2009)
Html update1(30 8-2009)Html update1(30 8-2009)
Html update1(30 8-2009)
himankgupta31
 
html-tags.docx
html-tags.docxhtml-tags.docx
html-tags.docx
DHANUSHTEJVUNNAM
 
6 html links
6 html links6 html links
6 html links
SatyakiDas12
 
Html1
Html1Html1
Html1
learnt
 
Html session1,2,3
Html session1,2,3Html session1,2,3
Html session1,2,3
vidhi mehta
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
Html tutorialsHtml tutorials
HTML
HTMLHTML
HTML
Kalpana T
 
03 HTML #burningkeyboards
03 HTML #burningkeyboards03 HTML #burningkeyboards
03 HTML #burningkeyboards
Denis Ristic
 

Similar to body-tag-and-front-tag.pptx (20)

Unit 1-HTML Final.ppt
Unit 1-HTML Final.pptUnit 1-HTML Final.ppt
Unit 1-HTML Final.ppt
 
HTML or Hypertext Markup Language
HTML or Hypertext Markup LanguageHTML or Hypertext Markup Language
HTML or Hypertext Markup Language
 
Web Design Assignment 1
Web Design Assignment 1 Web Design Assignment 1
Web Design Assignment 1
 
HTML
HTMLHTML
HTML
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
Html
HtmlHtml
Html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html
HtmlHtml
Html
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
 
Basics ogHtml
Basics ogHtml Basics ogHtml
Basics ogHtml
 
Html update1(30 8-2009)
Html update1(30 8-2009)Html update1(30 8-2009)
Html update1(30 8-2009)
 
html-tags.docx
html-tags.docxhtml-tags.docx
html-tags.docx
 
6 html links
6 html links6 html links
6 html links
 
Html1
Html1Html1
Html1
 
Html session1,2,3
Html session1,2,3Html session1,2,3
Html session1,2,3
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
HTML
HTMLHTML
HTML
 
03 HTML #burningkeyboards
03 HTML #burningkeyboards03 HTML #burningkeyboards
03 HTML #burningkeyboards
 

Recently uploaded

Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptxPrésentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
siemaillard
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
PsychoTech Services
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
GeorgeMilliken2
 
Wound healing PPT
Wound healing PPTWound healing PPT
Wound healing PPT
Jyoti Chand
 
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptxNEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
iammrhaywood
 
Leveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit InnovationLeveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit Innovation
TechSoup
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
HajraNaeem15
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
RAHUL
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptxChapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Denish Jangid
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
TechSoup
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
imrankhan141184
 
IGCSE Biology Chapter 14- Reproduction in Plants.pdf
IGCSE Biology Chapter 14- Reproduction in Plants.pdfIGCSE Biology Chapter 14- Reproduction in Plants.pdf
IGCSE Biology Chapter 14- Reproduction in Plants.pdf
Amin Marwan
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Celine George
 
Solutons Maths Escape Room Spatial .pptx
Solutons Maths Escape Room Spatial .pptxSolutons Maths Escape Room Spatial .pptx
Solutons Maths Escape Room Spatial .pptx
spdendr
 

Recently uploaded (20)

Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptxPrésentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
 
Wound healing PPT
Wound healing PPTWound healing PPT
Wound healing PPT
 
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptxNEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
 
Leveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit InnovationLeveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit Innovation
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptxChapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptx
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
 
IGCSE Biology Chapter 14- Reproduction in Plants.pdf
IGCSE Biology Chapter 14- Reproduction in Plants.pdfIGCSE Biology Chapter 14- Reproduction in Plants.pdf
IGCSE Biology Chapter 14- Reproduction in Plants.pdf
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
 
Solutons Maths Escape Room Spatial .pptx
Solutons Maths Escape Room Spatial .pptxSolutons Maths Escape Room Spatial .pptx
Solutons Maths Escape Room Spatial .pptx
 

body-tag-and-front-tag.pptx

  • 1. WORKING WITH BODY TAG AND FRONT TAG
  • 2. WORKING WITH BODY AND FONTS ATTRIBUTES Using the body tag enables the user to manipulate the background colors and text for a HTML documents and using fonts you can override the text color in body tag.
  • 3. <body> specifies that your in the body part of the document Attributes <body text=“blue”> - indicates the color of normal text within the document <body background=“url”> - specifies the relative or absolute location of an image file that tiles across the document background
  • 4. <body bgcolor=“blue”> - indicates the color of the document background <body link=“red”> - indicates the color of hyperlink text within the document, which corresponds to documents no yet visited by the browser <body alink=“blue”> - indicates the color of hyperlink text while the text is selected
  • 5. <body vlink=“green”> - indicates the color of hyperlink text within the document, which corresponds to documents already visited by the browser
  • 6. <font> sets of alters the characteristics of the font which the browser uses to display text Attributes <font color=“blue”> - indicates the color browser uses to display text. <font face=“arial”> - specifies a comma-separated list of font names the browser uses to render text. If the browser does not have acecess to the first name out, it tries the second, then the third and so forth.
  • 7. <font size=“10”> - specifies the size of the text affected by the font tag number ranges from 1 to 7.
  • 8. Using the Body and Font Tag
  • 9. Using the Body and Font Tag Codes
  • 10. ACTIVITY NILA KUNG GUSTO MO