Kurssisisältö
Ultimate HTML
Ultimate HTML
2. HTML Tags and Attributes
Understanding HTML TagsWorking with HTML AttributesUnderstanding Paired and Single Tags in HTMLText Markup and Formatting in HTMLChallenge: Create Your First Web Page ParagraphChallenge: Build a Personal Introduction Web PageChallenge: Design a Movie Showcase Web PageUsing Links and Buttons in HTMLChallenge: Create Links to Popular WebsitesValidating Your HTML Code for Best Practices
4. Working with Media and Tables
Adding Images in HTMLChallenge: Work with ImagesWorking with Clickable Images, Captions, and OptimizationUnderstanding Vector and Raster GraphicsEmbedding Audio and Video for Rich Media ContentChallenge: Embed Audio and Video in HTMLCreating and Structuring Tables in HTMLChallenge: Design a Functional HTML Table
5. HTML Forms and User Input
Introduction to HTML FormsFundamentals of Form Creation in HTMLUsing Labels for Better Form AccessibilityEnhancing Forms with Input AttributesExploring Different Input Types in HTMLChallenge: Create Form with Inputs and LabelsWorking with the Textarea Element for Multi-line InputUsing the Select Element for Dropdown MenusUsing the Datalist Element for Predefined Input SuggestionsGrouping Form Elements for Better Structure
Embedding Audio and Video for Rich Media Content
Audio Embedding
You can utilize the <audio> element to include audio files on a web page. Let's consider an example:
index.html
In this example:
<audio>element contains a<source>element, which specifies the URL and file type of the audio file. Commonly supported formats are MP3 and OGG;controlsattribute displays standard playback controls such as play, pause, and volume;- If the user's browser doesn't support the audio element, a fallback message will be displayed.
Additional attributes commonly used with the HTML audio element include:
autoplay: starts playing the audio file as soon as the page loads;loop: causes the audio file to loop continuously;muted: mutes the audio by default;volume: specifies the default volume level for the audio file, ranging from 0.0 (silent) to 1.0 (full volume).
Here's an example demonstrating the usage of all these attributes:
index.html
Video Embedding
You can embed video files on a web page using the <video> element. Consider the following example:
index.html
In this example:
<video>element contains a<source>element, which specifies the URL and file type of the video file. Commonly supported formats are WebM, MP4, and OGG;controlsattribute displays standard playback controls;- If the user's browser doesn't support the video element, a fallback message will be displayed.
Commonly used attributes for the HTML video element include:
autoplay: starts playing the video file as soon as the page loads;loop: causes the video file to loop continuously;muted: mutes the audio by default;volume: specifies the default volume level for the audio file, ranging from 0.0 (silent) to 1.0 (full volume);poster: specifies the URL of an image to display as the video thumbnail before the video is played;widthandheight: specifies the width and height of the video player in pixels.
Here's an example demonstrating the usage of all these attributes:
index.html
Note
Additionally, there are many JavaScript libraries and APIs available that provide additional functionality for playing and manipulating video content on the web.
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 4. Luku 5
