Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Challenge: Using Audio Elements | Images and Media
HTML Essentials
course content

Kursinnhold

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
Course IntroductionIntroduction to the WebThe History and Evolution of the WebWhy HTML Matters in Web DevelopmentBasic Structure of an HTML DocumentUnderstanding Tags, Elements, and Attributes
2. HTML Fundamentals
HTML Document Structure ExplainedChallenge: Structuring an HTML DocumentUsing Headings and Paragraphs in HTMLChallenge: Mastering Text MarkupEnhancing Text and Interactivity in HTMLChallenge: Applying Special Text MarkupCreating and Using Lists in HTMLChallenge: Structuring Content with Lists
3. Images and Media
Working with Images in HTMLChallenge: Inserting ImagesEmbedding Audio Files in HTMLChallenge: Using Audio ElementsIntegrating Video into Web PagesChallenge: Using Video Elements
4. Tables and Forms
Creating and Structuring HTML TablesChallenge: Working with TablesBuilding HTML FormsChallenge: Building a Web FormUsing Form Inputs and Labels EffectivelyChallenge: Applying Form Inputs and LabelsHTML Input Attributes for Enhanced Functionality
5. Advanced HTML
Understanding and Using Semantic HTMLExploring Semantic Elements in HTMLChallenge: Implementing Semantic ElementsBuilding a Complete Website with HTMLCourse Conclusion and Final Thoughts

book
Challenge: Using Audio Elements

Task

Create an HTML document that embeds two nature audio clips. Add appropriate attributes to enable controls.

  • The first audio file URL is https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3.
  • The second audio file URL is https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html

index.html

copy

Hint

Step 1: Use the <audio> tag to embed the audio clip. Add the controls attribute to enable standard audio controls. Inside the <source> tag, use the src attribute to specify the URLs of the MP3 audio files.

index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

course content

Kursinnhold

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
Course IntroductionIntroduction to the WebThe History and Evolution of the WebWhy HTML Matters in Web DevelopmentBasic Structure of an HTML DocumentUnderstanding Tags, Elements, and Attributes
2. HTML Fundamentals
HTML Document Structure ExplainedChallenge: Structuring an HTML DocumentUsing Headings and Paragraphs in HTMLChallenge: Mastering Text MarkupEnhancing Text and Interactivity in HTMLChallenge: Applying Special Text MarkupCreating and Using Lists in HTMLChallenge: Structuring Content with Lists
3. Images and Media
Working with Images in HTMLChallenge: Inserting ImagesEmbedding Audio Files in HTMLChallenge: Using Audio ElementsIntegrating Video into Web PagesChallenge: Using Video Elements
4. Tables and Forms
Creating and Structuring HTML TablesChallenge: Working with TablesBuilding HTML FormsChallenge: Building a Web FormUsing Form Inputs and Labels EffectivelyChallenge: Applying Form Inputs and LabelsHTML Input Attributes for Enhanced Functionality
5. Advanced HTML
Understanding and Using Semantic HTMLExploring Semantic Elements in HTMLChallenge: Implementing Semantic ElementsBuilding a Complete Website with HTMLCourse Conclusion and Final Thoughts

book
Challenge: Using Audio Elements

Task

Create an HTML document that embeds two nature audio clips. Add appropriate attributes to enable controls.

  • The first audio file URL is https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3.
  • The second audio file URL is https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html

index.html

copy

Hint

Step 1: Use the <audio> tag to embed the audio clip. Add the controls attribute to enable standard audio controls. Inside the <source> tag, use the src attribute to specify the URLs of the MP3 audio files.

index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 4
some-alt