Зміст курсу

Ultimate HTML

1. Web Development

Web World What is the Internet?Understanding How the Internet Works How a Website Works Frontend vs Backend Development Path to Success

2. Tags and Attributes

Unveiling the Potential of HTML Tags and Attributes Tags Attributes Paired and Single Tags Text Markup Challenge 1: Text Markup Challenge 2: Text Markup Challenge 3: Text Markup Special Purpose Text Markup Challenge: Special Purpose Text Markup Validation

3. Document Structure

Secrets of Structural Web Pages Structure Document Head Document Flow Challenge: Document Structure Developer Tools

4. Media and Tables

Magic of Rich Media and Dynamic Tables Images Challenge: Images Special Purpose Images Graphic Formats Audio and Video Embedding Challenge: Audio and Video Tables Challenge: Tables

5. Forms

Power of Forms: Interact and Engage Form Creation Basis Label for Input Element Input Attributes Input Types Challenge: Input and Label Textarea Element Select Element Datalist Element Grouping Form Elements

Ultimate HTML

Challenge: Audio and Video

🏁 Goal

Create an engaging multimedia experience for the website visitors by incorporating both audio and video content using HTML tags and attributes.

📋 Task

Take the website to the next level by immersing users in a captivating multimedia experience. Your task is to:

For the Audio: Embed an audio file that provides a soothing atmosphere for users to relax. Use the following link for the audio: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/just-relax-audio.mp3.
For the Video: Integrate a video that lets users enjoy the beauty of nature creatures. Use the following link for the video: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/tiger-video.mp4.

index.html

index.css

index.js

Use the audio tag to specify an audio element.
Use the video tag to specify a video element.
Use the controls attribute to allow users to manage the audio or video playback.
Use the src attribute to specify the file's location. Ensure accurate copying of links from the task.
Use type="audio/mp3" to specify the correct file type for the audio.
Use type="video/mp4" to specify the correct file type for the video.

index.html

index.css

index.js

Все було зрозуміло?

Секція 4. Розділ 7

Зміст курсу

Ultimate HTML

1. Web Development

Web World What is the Internet?Understanding How the Internet Works How a Website Works Frontend vs Backend Development Path to Success

2. Tags and Attributes

3. Document Structure

Secrets of Structural Web Pages Structure Document Head Document Flow Challenge: Document Structure Developer Tools

4. Media and Tables

Magic of Rich Media and Dynamic Tables Images Challenge: Images Special Purpose Images Graphic Formats Audio and Video Embedding Challenge: Audio and Video Tables Challenge: Tables

5. Forms

Ultimate HTML

Challenge: Audio and Video

🏁 Goal

Create an engaging multimedia experience for the website visitors by incorporating both audio and video content using HTML tags and attributes.

📋 Task

Take the website to the next level by immersing users in a captivating multimedia experience. Your task is to:

For the Audio: Embed an audio file that provides a soothing atmosphere for users to relax. Use the following link for the audio: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/just-relax-audio.mp3.
For the Video: Integrate a video that lets users enjoy the beauty of nature creatures. Use the following link for the video: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/tiger-video.mp4.

index.html

index.css

index.js

Use the audio tag to specify an audio element.
Use the video tag to specify a video element.
Use the controls attribute to allow users to manage the audio or video playback.
Use the src attribute to specify the file's location. Ensure accurate copying of links from the task.
Use type="audio/mp3" to specify the correct file type for the audio.
Use type="video/mp4" to specify the correct file type for the video.

index.html

index.css

index.js

Все було зрозуміло?

Секція 4. Розділ 7