INSERTING BACKGROUND
    ENHANCEMENTS
Background Image and Background Sound
Laboratory Activity 2

• Create a new FOLDER inside the LanSchool
  Files directory
             Q2Act2Surname SECTION
• Copy the audio file (Q2Act2MUSIC.mp3) sent
  by the teacher inside the folder.
• Get an image from the Internet that depicts
  the message of the song ‘Jesus Take the
  Wheel’, rename the image as Q2Act2IMAGE
  and save inside the Q2Act2 folder.
Laboratory Activity 2

• Open a blank notepad, type all basic HTML
  markup tags.
  Filename:      Q2Act2Surname SECTION.htm
  Title:         ‘Laboratory Activity 2 – Inserting
     Background Enhancements’
Adding Background Image
  • Add the attribute background inside
    the <body> tag.
              <body background=“”>
  • Identify the URL of the image file to
    be inserted.
       • Right click the image and select Properties.
  • Copy the file location and paste in
    the background URL.
  • Add a backslash after the location ()
  • Copy the filename and add the
    filename extension.
Adding Background Image


  • Note:
  • If the file and the Web page are in
    the same folder, the location may be
    removed.
Codes to Remember
• <body background=˝̋̋˝̋̋>
• The background attribute specifies the URL of
  the image file that will serve as the
  background image of the Web page.
Adding Background Sound
   • In the <head> tag, add the
     <bgsound> container.
     <head>
               <bgsound>
     </head>
   • Add the attribute src inside the
     <bgsound> tag.
                 <bgsound src="">
   • Copy the URL of the audio file in the
     src.
   • Define the number of loops.

More Related Content

PDF
Dictàmens del Ple Municipal
PDF
Γονέας στον 21ο Αιώνα: Κωνσταντίνος Ι. Δούκας.
POTX
Εισηγήσεις Σεφέρη
PDF
109 manual rad3_db3c
PDF
Netbooks in class: Science fiction or everyday practice?
PDF
SoC Summit 2014 T. Pagkakis
PPTX
Άστεγοι. Με τα μάτια ενός παιδιού.
PDF
Γονέας στον 21ο Αιώνα: Η παρουσίαση της κας Ελένης Κατσάμπα Κλινικής Ψυχολόγου
Dictàmens del Ple Municipal
Γονέας στον 21ο Αιώνα: Κωνσταντίνος Ι. Δούκας.
Εισηγήσεις Σεφέρη
109 manual rad3_db3c
Netbooks in class: Science fiction or everyday practice?
SoC Summit 2014 T. Pagkakis
Άστεγοι. Με τα μάτια ενός παιδιού.
Γονέας στον 21ο Αιώνα: Η παρουσίαση της κας Ελένης Κατσάμπα Κλινικής Ψυχολόγου

Similar to Background Enhancements (20)

PPT
Types of background in MS Frontpage 2003
PPT
Presentations4 Session9
PDF
Unit 2.8 Multimedia Objects
PPTX
HTML Lesson 2
PPTX
pracc III for presentation.pptx
PPT
M02 un08 p01
PDF
UNIT 2.2 Web Programming HTML Basics - Benchmark standard
PPTX
Working on multimedia ppppppppppppp.pptx
ODP
Tutorial 9 multimedia web page
PPT
Web Design 101
PPTX
HTML-BASICS is the programming will.pptx
PPTX
Animation in the web
PDF
Dreamweaver Background
 
PPSX
Computer language - html images and sounds
PPTX
More on HTML Communication Skills BASICS
PPTX
Html images and html backgrounds
DOCX
HTML Lab ProjectTo create a simple web page you will need .docx
PDF
Unit 2.7 Images
PPT
Web Design Lesson 3
PPT
Web Design Lesson 3
Types of background in MS Frontpage 2003
Presentations4 Session9
Unit 2.8 Multimedia Objects
HTML Lesson 2
pracc III for presentation.pptx
M02 un08 p01
UNIT 2.2 Web Programming HTML Basics - Benchmark standard
Working on multimedia ppppppppppppp.pptx
Tutorial 9 multimedia web page
Web Design 101
HTML-BASICS is the programming will.pptx
Animation in the web
Dreamweaver Background
 
Computer language - html images and sounds
More on HTML Communication Skills BASICS
Html images and html backgrounds
HTML Lab ProjectTo create a simple web page you will need .docx
Unit 2.7 Images
Web Design Lesson 3
Web Design Lesson 3
Ad

More from nikkeisaurus (6)

PPTX
HTML Enhancements
PPTX
Links - IntraSystem and Absolute
PPTX
Links - IntraPage
PPTX
Inserting Images and Embedding Tags
PPTX
HTML Enhancements
PPTX
HTML Enhancements
Links - IntraSystem and Absolute
Links - IntraPage
Inserting Images and Embedding Tags
HTML Enhancements
Ad

Recently uploaded (20)

PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPT
Geologic Time for studying geology for geologist
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PPTX
The various Industrial Revolutions .pptx
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
A comparative study of natural language inference in Swahili using monolingua...
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PPT
What is a Computer? Input Devices /output devices
PDF
WOOl fibre morphology and structure.pdf for textiles
PPT
Module 1.ppt Iot fundamentals and Architecture
PPTX
Tartificialntelligence_presentation.pptx
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
Getting Started with Data Integration: FME Form 101
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Chapter 5: Probability Theory and Statistics
Developing a website for English-speaking practice to English as a foreign la...
1 - Historical Antecedents, Social Consideration.pdf
Geologic Time for studying geology for geologist
A review of recent deep learning applications in wood surface defect identifi...
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
The various Industrial Revolutions .pptx
Getting started with AI Agents and Multi-Agent Systems
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
A comparative study of natural language inference in Swahili using monolingua...
O2C Customer Invoices to Receipt V15A.pptx
NewMind AI Weekly Chronicles – August ’25 Week III
What is a Computer? Input Devices /output devices
WOOl fibre morphology and structure.pdf for textiles
Module 1.ppt Iot fundamentals and Architecture
Tartificialntelligence_presentation.pptx
observCloud-Native Containerability and monitoring.pptx
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Getting Started with Data Integration: FME Form 101

Background Enhancements

  • 1. INSERTING BACKGROUND ENHANCEMENTS Background Image and Background Sound
  • 2. Laboratory Activity 2 • Create a new FOLDER inside the LanSchool Files directory Q2Act2Surname SECTION • Copy the audio file (Q2Act2MUSIC.mp3) sent by the teacher inside the folder. • Get an image from the Internet that depicts the message of the song ‘Jesus Take the Wheel’, rename the image as Q2Act2IMAGE and save inside the Q2Act2 folder.
  • 3. Laboratory Activity 2 • Open a blank notepad, type all basic HTML markup tags. Filename: Q2Act2Surname SECTION.htm Title: ‘Laboratory Activity 2 – Inserting Background Enhancements’
  • 4. Adding Background Image • Add the attribute background inside the <body> tag. <body background=“”> • Identify the URL of the image file to be inserted. • Right click the image and select Properties. • Copy the file location and paste in the background URL. • Add a backslash after the location () • Copy the filename and add the filename extension.
  • 5. Adding Background Image • Note: • If the file and the Web page are in the same folder, the location may be removed.
  • 6. Codes to Remember • <body background=˝̋̋˝̋̋> • The background attribute specifies the URL of the image file that will serve as the background image of the Web page.
  • 7. Adding Background Sound • In the <head> tag, add the <bgsound> container. <head> <bgsound> </head> • Add the attribute src inside the <bgsound> tag. <bgsound src=""> • Copy the URL of the audio file in the src. • Define the number of loops.