SlideShare ist ein Scribd-Unternehmen logo
1 von 32
A t t r I b u t e s
An attribute refers
to the quality or the
characteristics of
an HTML tag
s y n t A x
A syntax refers to the
structure or the
arrangement of
the tag
accordingly.
the part of a
scene that is
seemed toward
the back
bAckground
the surroundings,
especially those behind
something and providing
harmony or contrast;
surface against which
something is seen
bAckground
I am a type of
background that sets
an element, to make
the underlying colors
shine through.
Background Color
I am a type of
background that give
beauty to the web
page and usually the
reflection of a person
or object
Background picture
I am a type of
background that sets
an element such as
songs, that attract the
listener
Background sound
Color
Picture
Sound
Procedures in
Inserting
Background
Color
In creating a Web
page using HTML
1. In your Notepad, inside
the <body> press
Spacebar
2. Then, type
bgcolor=name of the
color
3. Save your work.
4. Go to your Web
Browser
5. Finally, Refresh
<body bgcolor=yellow>
<body bgcolor=FFFFFF>
Syntax
How to Insert
Background
Picture
In creating a Web page
using HTML
1. In your Notepad, inside
the <body> press
Spacebar
2. Then, type
background=“URL”
3. Save your work.
4. Go to your Web
Browser
5. Finally, Refresh
1. Browse the picture you
want to use as background
picture
2. Right click on the picture,
then choose Open with...
3. Choose Internet Explorer.
4. Finally, get the URL.
<body background= “url”>
</body>
Syntax
Procedures in
Inserting
Background Sound
In creating a Web page
using HTML
STEP 1-2-3-
41. In your notepad, after
the body tag, type
<bgsound src=“url”>
2. Save your work.
3. Go to your Web
Browser
4. Finally, Refresh your
Web Browser
How to get
the URL of
a sound?
1. Browse
where the
music you
want to add
as a
background
2. Right Click
on the sound
you want to
insert as a
background.
Then choose
Properties
The properties
dialog box of
the sound you
want to insert
as a
background
will appear.
In the Location
Box, highlight
the target or the
location of the
sound you want
to insert as a
background
Copy the location.
Paste the
location in
your notepad,
inside the src
value
Go back to the
Properties
dialog box.
Then,
highlight the
filename of
the sound.
Again, back to Notepad.
After the location target
type backslash ()
Then, paste the filename
of the sound.
 Go back to the
properties dialog
box.
 Check the file type,
then type it after
the file name of the
sound.
<body>
<bgsound src=“URL”>
</body>
Syntax
Assignment
Topic:
Alignment and Horizontal
Ruled Line
1.What is the HTML tag used in inserting
Horizontal ruled line?
2.What are the attributes may apply in
applying alignment and inserting horizontal
ruled line?
3.Why it is important to apply alignment
and horizontal ruled line?
Word Study:
Guide Questions:
Align Horizontal
Simple Web Design by
Gino Velasco
www.w3schools.com,
www.yahoo.com ,
www.google.com etc.
References:

Weitere Àhnliche Inhalte

Ähnlich wie Types of background in MS Frontpage 2003

Schiel direct teach
Schiel direct teachSchiel direct teach
Schiel direct teachT.J. Schiel
 
Dreamweaver Notes
Dreamweaver NotesDreamweaver Notes
Dreamweaver Notessmasi27
 
Unit 2.8 Multimedia Objects
Unit 2.8 Multimedia ObjectsUnit 2.8 Multimedia Objects
Unit 2.8 Multimedia ObjectsIntan Jameel
 
5 adding audiovideoblackboard
5 adding audiovideoblackboard5 adding audiovideoblackboard
5 adding audiovideoblackboardidearshare
 
Podcasting 101
Podcasting 101Podcasting 101
Podcasting 101coolemath
 
M02 un08 p01
M02 un08 p01M02 un08 p01
M02 un08 p01Intan Jameel
 
15 Howto Customization Look And Feel
15 Howto Customization Look And Feel15 Howto Customization Look And Feel
15 Howto Customization Look And FeelSWING Software
 
Nvu tutorial1 1
Nvu tutorial1 1Nvu tutorial1 1
Nvu tutorial1 1RJOROZCO
 
Background Enhancements
Background EnhancementsBackground Enhancements
Background Enhancementsnikkeisaurus
 
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docxHTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docxfideladallimore
 
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxHTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxadampcarr67227
 
CITE Research Symposium 2009
CITE Research Symposium 2009CITE Research Symposium 2009
CITE Research Symposium 2009The EduHK
 
Movie maker By Charles.K
Movie maker By Charles.KMovie maker By Charles.K
Movie maker By Charles.KCharles Kothary
 
902350 html jar
902350 html jar902350 html jar
902350 html jarsiva thirumal
 
IMED 1416 Chapter 01
IMED 1416 Chapter 01IMED 1416 Chapter 01
IMED 1416 Chapter 01Bobby Rivera
 

Ähnlich wie Types of background in MS Frontpage 2003 (20)

Schiel direct teach
Schiel direct teachSchiel direct teach
Schiel direct teach
 
Dreamweaver Notes
Dreamweaver NotesDreamweaver Notes
Dreamweaver Notes
 
Unit 2.8 Multimedia Objects
Unit 2.8 Multimedia ObjectsUnit 2.8 Multimedia Objects
Unit 2.8 Multimedia Objects
 
5 adding audiovideoblackboard
5 adding audiovideoblackboard5 adding audiovideoblackboard
5 adding audiovideoblackboard
 
Dreamweaver CS3
Dreamweaver CS3Dreamweaver CS3
Dreamweaver CS3
 
Dw Lesson01
Dw Lesson01Dw Lesson01
Dw Lesson01
 
Podcasting 101
Podcasting 101Podcasting 101
Podcasting 101
 
M02 un08 p01
M02 un08 p01M02 un08 p01
M02 un08 p01
 
Week 4.pptx
Week 4.pptxWeek 4.pptx
Week 4.pptx
 
15 Howto Customization Look And Feel
15 Howto Customization Look And Feel15 Howto Customization Look And Feel
15 Howto Customization Look And Feel
 
HTML Tutorial
HTML TutorialHTML Tutorial
HTML Tutorial
 
H T M L Tutorial
H T M L TutorialH T M L Tutorial
H T M L Tutorial
 
Nvu tutorial1 1
Nvu tutorial1 1Nvu tutorial1 1
Nvu tutorial1 1
 
Background Enhancements
Background EnhancementsBackground Enhancements
Background Enhancements
 
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docxHTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docx
 
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxHTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
 
CITE Research Symposium 2009
CITE Research Symposium 2009CITE Research Symposium 2009
CITE Research Symposium 2009
 
Movie maker By Charles.K
Movie maker By Charles.KMovie maker By Charles.K
Movie maker By Charles.K
 
902350 html jar
902350 html jar902350 html jar
902350 html jar
 
IMED 1416 Chapter 01
IMED 1416 Chapter 01IMED 1416 Chapter 01
IMED 1416 Chapter 01
 

Mehr von Ann Alcid

Inserting graphics (for ygroup)
Inserting graphics (for ygroup)Inserting graphics (for ygroup)
Inserting graphics (for ygroup)Ann Alcid
 
Inserting background
Inserting backgroundInserting background
Inserting backgroundAnn Alcid
 
Working with dialog box and working with web page
Working with dialog box and working with web pageWorking with dialog box and working with web page
Working with dialog box and working with web pageAnn Alcid
 
Autoshape and word art (for ygroup)
Autoshape and word art (for ygroup)Autoshape and word art (for ygroup)
Autoshape and word art (for ygroup)Ann Alcid
 
Picture toolbar
Picture toolbarPicture toolbar
Picture toolbarAnn Alcid
 
Standard and formatting toolbar
Standard and formatting toolbarStandard and formatting toolbar
Standard and formatting toolbarAnn Alcid
 
Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003Ann Alcid
 
Tips in designing a webpage
Tips in designing a webpageTips in designing a webpage
Tips in designing a webpageAnn Alcid
 
Cropping and resizing the graphics
Cropping and resizing the graphicsCropping and resizing the graphics
Cropping and resizing the graphicsAnn Alcid
 
Marquee
MarqueeMarquee
MarqueeAnn Alcid
 
Ordered & unordered list in MS Frontpage 2003
Ordered & unordered list in MS Frontpage 2003Ordered & unordered list in MS Frontpage 2003
Ordered & unordered list in MS Frontpage 2003Ann Alcid
 
Preformatted, abbreviation, acronyms
Preformatted, abbreviation, acronymsPreformatted, abbreviation, acronyms
Preformatted, abbreviation, acronymsAnn Alcid
 
Horizonal ruled line
Horizonal ruled line Horizonal ruled line
Horizonal ruled line Ann Alcid
 
Paragraph, text break and formatting text in MS Frontpage 2003
Paragraph, text break and formatting text in MS Frontpage 2003Paragraph, text break and formatting text in MS Frontpage 2003
Paragraph, text break and formatting text in MS Frontpage 2003Ann Alcid
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlAnn Alcid
 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003Ann Alcid
 
Adobe Photoshop Creating New Document
Adobe Photoshop Creating New DocumentAdobe Photoshop Creating New Document
Adobe Photoshop Creating New DocumentAnn Alcid
 
Adobe Photoshop Toolbar
Adobe Photoshop ToolbarAdobe Photoshop Toolbar
Adobe Photoshop ToolbarAnn Alcid
 
Tips In Designing A Webpage
Tips In Designing A WebpageTips In Designing A Webpage
Tips In Designing A WebpageAnn Alcid
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLAnn Alcid
 

Mehr von Ann Alcid (20)

Inserting graphics (for ygroup)
Inserting graphics (for ygroup)Inserting graphics (for ygroup)
Inserting graphics (for ygroup)
 
Inserting background
Inserting backgroundInserting background
Inserting background
 
Working with dialog box and working with web page
Working with dialog box and working with web pageWorking with dialog box and working with web page
Working with dialog box and working with web page
 
Autoshape and word art (for ygroup)
Autoshape and word art (for ygroup)Autoshape and word art (for ygroup)
Autoshape and word art (for ygroup)
 
Picture toolbar
Picture toolbarPicture toolbar
Picture toolbar
 
Standard and formatting toolbar
Standard and formatting toolbarStandard and formatting toolbar
Standard and formatting toolbar
 
Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003Introduction, features and environment of ms front page 2003
Introduction, features and environment of ms front page 2003
 
Tips in designing a webpage
Tips in designing a webpageTips in designing a webpage
Tips in designing a webpage
 
Cropping and resizing the graphics
Cropping and resizing the graphicsCropping and resizing the graphics
Cropping and resizing the graphics
 
Marquee
MarqueeMarquee
Marquee
 
Ordered & unordered list in MS Frontpage 2003
Ordered & unordered list in MS Frontpage 2003Ordered & unordered list in MS Frontpage 2003
Ordered & unordered list in MS Frontpage 2003
 
Preformatted, abbreviation, acronyms
Preformatted, abbreviation, acronymsPreformatted, abbreviation, acronyms
Preformatted, abbreviation, acronyms
 
Horizonal ruled line
Horizonal ruled line Horizonal ruled line
Horizonal ruled line
 
Paragraph, text break and formatting text in MS Frontpage 2003
Paragraph, text break and formatting text in MS Frontpage 2003Paragraph, text break and formatting text in MS Frontpage 2003
Paragraph, text break and formatting text in MS Frontpage 2003
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003
 
Adobe Photoshop Creating New Document
Adobe Photoshop Creating New DocumentAdobe Photoshop Creating New Document
Adobe Photoshop Creating New Document
 
Adobe Photoshop Toolbar
Adobe Photoshop ToolbarAdobe Photoshop Toolbar
Adobe Photoshop Toolbar
 
Tips In Designing A Webpage
Tips In Designing A WebpageTips In Designing A Webpage
Tips In Designing A Webpage
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 

KĂŒrzlich hochgeladen

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 

KĂŒrzlich hochgeladen (20)

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

Types of background in MS Frontpage 2003