Day 004

Practicing HTML Media and Publishing a Video

What I Learned

HTML Paths

I continued practicing paths for files used in HTML:

  • Same-level path: image.png
  • Child-directory path: images/image.png
  • Parent-directory path: ../image.png
  • Absolute web path: https://example.com/image.png

I also reviewed the difference between local drive paths and network paths. Local drive paths only work on a specific computer, while relative paths and web URLs are suitable for websites.

Audio and Video

I continued practicing HTML media elements:

  • <audio> for audio
  • <video> for video
  • controls for playback controls
  • autoplay for automatic playback when the browser allows it
  • muted for playback without sound
  • loop for repeated playback
  • <source> for specifying a media file

Practice

I used a computer to upload a technology video to Bilibili.

English

I continued reading Lesson 7 of New Concept English 2.