SlideShare a Scribd company logo
1 of 13
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

Html update1(30 8-2009)
Html update1(30 8-2009)Html update1(30 8-2009)
Html update1(30 8-2009)
himankgupta31
 

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

Personalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes GuàrdiaPersonalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
EADTU
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
CaitlinCummins3
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 

Recently uploaded (20)

An overview of the various scriptures in Hinduism
An overview of the various scriptures in HinduismAn overview of the various scriptures in Hinduism
An overview of the various scriptures in Hinduism
 
Trauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical PrinciplesTrauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical Principles
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes GuàrdiaPersonalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
 
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community PartnershipsSpring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
An Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge AppAn Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge App
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
ANTI PARKISON DRUGS.pptx
ANTI         PARKISON          DRUGS.pptxANTI         PARKISON          DRUGS.pptx
ANTI PARKISON DRUGS.pptx
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
male presentation...pdf.................
male presentation...pdf.................male presentation...pdf.................
male presentation...pdf.................
 
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjj
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjjStl Algorithms in C++ jjjjjjjjjjjjjjjjjj
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjj
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
Major project report on Tata Motors and its marketing strategies
Major project report on Tata Motors and its marketing strategiesMajor project report on Tata Motors and its marketing strategies
Major project report on Tata Motors and its marketing strategies
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.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