HTML & CSS SKILL #4

HTML & CSS

SKILL #4 ​

<img src="image.jpg" alt="This is a picture of a cat.">

Example:

The img element is used to display images on a web page. The src attribute specifies the URL of the image to be displayed. The alt attribute provides alternative text that is displayed if the image cannot be displayed.

img:

Construct and analyze markup that displays images:

<picture>

  <source src="image.jpg" type="image/jpeg">

  <source src="image.png" type="image/png">

  <img src="image.svg" alt="This is a picture of a cat.">

</picture>

Example:

The picture element is used to display images on a web page. It is an alternative to the img element that allows you to display different images depending on the device or browser being used.

Picture elements:

The img element has the following attributes:

   Attributes:

• src: The URL of the image to be displayed.

• alt: Alternative text that is displayed if the image cannot be displayed.

• width: The width of the image.

• height: The height of the image.

• title: A title for the image.

• align: The alignment of the image.

• border: The width of the image border.

• hspace: The horizontal space around the image.

• vspace: The vertical space around the images.

<video src="video.mp4" controls></video>

Example:

The video element is used to display videos on a web page. The src attribute specifies the URL of the video to be displayed. The controls attribute displays the video controls, such as the play button, pause button, and seek bar.

video

Construct and analyze markup that plays video and audio:

<video src="video.mp4" controls></video>

Example:

The video element is used to display videos on a web page. The src attribute specifies the URL of the video to be displayed. The controls attribute displays the video controls, such as the play button, pause button, and seek bar.

video

Construct and analyze markup that plays video and audio:

<audio src="audio.mp3" controls></audio>

Example:

The audio element is used to display audio on a web page. The src attribute specifies the URL of the audio to be displayed. The controls attribute displays the audio controls, such as the play button, pause button, and seek bar.

Audio:

<video src="video.mp4" controls>

  <track src="subtitles.vtt" kind="subtitles" />

  <track src="transcript.srt" kind="transcript" />

</video>

Example:

The track element is used to add subtitles or transcripts to a video or audio. The src attribute specifies the URL of the subtitles or transcript. The kind attribute specifies the type of subtitles or transcript.

Track:

<video src="video.mp4" controls>

  <source src="video.ogg" type="video/ogg" />

  <source src="video.webm" type="video/webm" />

</video>

Example:

The source element is used to specify a video or audio source. The src attribute specifies the URL of the source. The type attribute specifies the type of the source.

Source:

<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>

Example:

The iframe element is used to embed a video or audio from another website. The src attribute specifies the URL of the video or audio to be embedded.

Iframe: