SlideShare a Scribd company logo
1 of 6
HTML – Images and sounds
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Images and sound
• Adding images to the html document will
arose a sense of interest to the end user.
• Including graphics in page will make the
page more attractive.
• HTML provides, a unique way to include
any type of graphics file into the
document, but many of the browsers
supports only GIF (Graphics Interchange
Format) and JPEG (Joint Photographic
Expert Group) files.
Image Tag
• The tag used to display an image on HTML
document is <IMG> tag.
Attributes of <IMG> tag
• SRC – source (refers to the filename of an
image)
• ALT – alternative message
• Align – alignment ( right, left or center)
• Height – height of the picture in pixels
• Width – width of the picture in pixels
Example for adding image
<HTML>
<HEAD>
<TITLE> adding image to a web page </TITLE>
</HEAD>
<BODY>
<H1>baby<HI>
<IMG SRC = “G: images.jpeg”
alt = Picture of a baby
align = “center”
Width = “85”
Height = “85”>
</BODY>
</HTML>
Background picture
• The background attribute of the <body>
tag is also used to add a background
image to a document.
Eg., <body background = “c:windowsclouds.bmp”>
• The image file “clouds.bmp” will be
displayed as a background image for the
web page.
Adding sounds
• The sound files are stored either in wave
format (.wav) or basic audio format (.av) or
midi format (.mid).
• <bgsound> tag is used to add sound.
• The attributes are SRC and LOOP
• The loop specifies the number of time the
sound has to be repeated.
Eg., <bgsound src = “c:windows media Canyon.mid” loop = “2”>

More Related Content

Similar to Computer language - html images and sounds

MTA html5 text_graphics_media
MTA html5 text_graphics_mediaMTA html5 text_graphics_media
MTA html5 text_graphics_mediaDhairya Joshi
 
HTML Repurposing Content.pptx
HTML Repurposing Content.pptxHTML Repurposing Content.pptx
HTML Repurposing Content.pptxAyanda Zwane
 
HTML_css_web__tech___nology_______________.pptx
HTML_css_web__tech___nology_______________.pptxHTML_css_web__tech___nology_______________.pptx
HTML_css_web__tech___nology_______________.pptxJoelJoseph961925
 
4_5926925443935505826.pptx
4_5926925443935505826.pptx4_5926925443935505826.pptx
4_5926925443935505826.pptxLusi39
 
gdsc-html-ppt.pptx
gdsc-html-ppt.pptxgdsc-html-ppt.pptx
gdsc-html-ppt.pptxyuvakiran15
 
HTML Attributes.pptx
HTML Attributes.pptxHTML Attributes.pptx
HTML Attributes.pptxSteins18
 
HTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptxHTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptxwewit44414
 
Web forms and html (lect 2)
Web forms and html (lect 2)Web forms and html (lect 2)
Web forms and html (lect 2)Salman Memon
 
What is HTML Hyperlinks and HTML Images?
What is HTML Hyperlinks and HTML Images?What is HTML Hyperlinks and HTML Images?
What is HTML Hyperlinks and HTML Images?AnujaJape2
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)Thinkful
 
Html images syntax
Html images syntaxHtml images syntax
Html images syntaxJayjZens
 
Html part 2
Html part 2Html part 2
Html part 2lokenra
 
Curtin University Frontend Web Development
Curtin University Frontend Web DevelopmentCurtin University Frontend Web Development
Curtin University Frontend Web DevelopmentDaryll Chu
 
WebSG - HTML Email Newsletters
WebSG - HTML Email NewslettersWebSG - HTML Email Newsletters
WebSG - HTML Email NewslettersSean Thambiah
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centrejatin batra
 

Similar to Computer language - html images and sounds (20)

HTML Coding
HTML CodingHTML Coding
HTML Coding
 
MTA html5 text_graphics_media
MTA html5 text_graphics_mediaMTA html5 text_graphics_media
MTA html5 text_graphics_media
 
HTML Repurposing Content.pptx
HTML Repurposing Content.pptxHTML Repurposing Content.pptx
HTML Repurposing Content.pptx
 
BASIC HTML
BASIC HTMLBASIC HTML
BASIC HTML
 
HTML_css_web__tech___nology_______________.pptx
HTML_css_web__tech___nology_______________.pptxHTML_css_web__tech___nology_______________.pptx
HTML_css_web__tech___nology_______________.pptx
 
4_5926925443935505826.pptx
4_5926925443935505826.pptx4_5926925443935505826.pptx
4_5926925443935505826.pptx
 
gdsc-html-ppt.pptx
gdsc-html-ppt.pptxgdsc-html-ppt.pptx
gdsc-html-ppt.pptx
 
HTML Attributes.pptx
HTML Attributes.pptxHTML Attributes.pptx
HTML Attributes.pptx
 
HTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptxHTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptx
 
Web forms and html (lect 2)
Web forms and html (lect 2)Web forms and html (lect 2)
Web forms and html (lect 2)
 
CAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptxCAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptx
 
What is HTML Hyperlinks and HTML Images?
What is HTML Hyperlinks and HTML Images?What is HTML Hyperlinks and HTML Images?
What is HTML Hyperlinks and HTML Images?
 
WEB DVELOPEMENT
WEB DVELOPEMENTWEB DVELOPEMENT
WEB DVELOPEMENT
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)
 
Html images syntax
Html images syntaxHtml images syntax
Html images syntax
 
Dhtml ppt (2)
Dhtml ppt (2)Dhtml ppt (2)
Dhtml ppt (2)
 
Html part 2
Html part 2Html part 2
Html part 2
 
Curtin University Frontend Web Development
Curtin University Frontend Web DevelopmentCurtin University Frontend Web Development
Curtin University Frontend Web Development
 
WebSG - HTML Email Newsletters
WebSG - HTML Email NewslettersWebSG - HTML Email Newsletters
WebSG - HTML Email Newsletters
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
 

More from Dr. I. Uma Maheswari Maheswari

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)Dr. I. Uma Maheswari Maheswari
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)Dr. I. Uma Maheswari Maheswari
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)Dr. I. Uma Maheswari Maheswari
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)Dr. I. Uma Maheswari Maheswari
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)Dr. I. Uma Maheswari Maheswari
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)Dr. I. Uma Maheswari Maheswari
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)Dr. I. Uma Maheswari Maheswari
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)Dr. I. Uma Maheswari Maheswari
 

More from Dr. I. Uma Maheswari Maheswari (20)

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 
Computer language - Html tables
Computer language - Html tablesComputer language - Html tables
Computer language - Html tables
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
 

Recently uploaded

How to Analyse Profit of a Sales Order in Odoo 17
How to Analyse Profit of a Sales Order in Odoo 17How to Analyse Profit of a Sales Order in Odoo 17
How to Analyse Profit of a Sales Order in Odoo 17Celine George
 
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...Gary Wood
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文中 央社
 
Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).Mohamed Rizk Khodair
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptxVishal Singh
 
MOOD STABLIZERS DRUGS.pptx
MOOD     STABLIZERS           DRUGS.pptxMOOD     STABLIZERS           DRUGS.pptx
MOOD STABLIZERS DRUGS.pptxPoojaSen20
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45MysoreMuleSoftMeetup
 
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...Denish Jangid
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppCeline George
 
How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17Celine George
 
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING II
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING IIII BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING II
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING IIagpharmacy11
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxheathfieldcps1
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....Ritu480198
 
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 HinduismDabee Kamal
 
Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Celine George
 
demyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptxdemyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptxMohamed Rizk Khodair
 
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...Nguyen Thanh Tu Collection
 
Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment
 Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment
Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatmentsaipooja36
 
Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024CapitolTechU
 

Recently uploaded (20)

How to Analyse Profit of a Sales Order in Odoo 17
How to Analyse Profit of a Sales Order in Odoo 17How to Analyse Profit of a Sales Order in Odoo 17
How to Analyse Profit of a Sales Order in Odoo 17
 
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
MOOD STABLIZERS DRUGS.pptx
MOOD     STABLIZERS           DRUGS.pptxMOOD     STABLIZERS           DRUGS.pptx
MOOD STABLIZERS DRUGS.pptx
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
 
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio App
 
How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17
 
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING II
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING IIII BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING II
II BIOSENSOR PRINCIPLE APPLICATIONS AND WORKING II
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
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
 
Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17
 
demyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptxdemyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptx
 
“O BEIJO” EM ARTE .
“O BEIJO” EM ARTE                       .“O BEIJO” EM ARTE                       .
“O BEIJO” EM ARTE .
 
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...
24 ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH SỞ GIÁO DỤC HẢI DƯ...
 
Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment
 Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment
Envelope of Discrepancy in Orthodontics: Enhancing Precision in Treatment
 
Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024
 

Computer language - html images and sounds

  • 1. HTML – Images and sounds By Dr. I. Uma Maheswari iuma_maheswari@yahoo.co.in
  • 2. Images and sound • Adding images to the html document will arose a sense of interest to the end user. • Including graphics in page will make the page more attractive. • HTML provides, a unique way to include any type of graphics file into the document, but many of the browsers supports only GIF (Graphics Interchange Format) and JPEG (Joint Photographic Expert Group) files.
  • 3. Image Tag • The tag used to display an image on HTML document is <IMG> tag. Attributes of <IMG> tag • SRC – source (refers to the filename of an image) • ALT – alternative message • Align – alignment ( right, left or center) • Height – height of the picture in pixels • Width – width of the picture in pixels
  • 4. Example for adding image <HTML> <HEAD> <TITLE> adding image to a web page </TITLE> </HEAD> <BODY> <H1>baby<HI> <IMG SRC = “G: images.jpeg” alt = Picture of a baby align = “center” Width = “85” Height = “85”> </BODY> </HTML>
  • 5. Background picture • The background attribute of the <body> tag is also used to add a background image to a document. Eg., <body background = “c:windowsclouds.bmp”> • The image file “clouds.bmp” will be displayed as a background image for the web page.
  • 6. Adding sounds • The sound files are stored either in wave format (.wav) or basic audio format (.av) or midi format (.mid). • <bgsound> tag is used to add sound. • The attributes are SRC and LOOP • The loop specifies the number of time the sound has to be repeated. Eg., <bgsound src = “c:windows media Canyon.mid” loop = “2”>