Read:11 | Images & Practical Info

Textbook: _Jon Duckett: HTML
(HTML book: Chapter 16 + 19)

---

HTML | Images

---

• You can specify image dimensions using CSS
• You can horizontally and vertically align-left, align-right, or float images with CSS.
• You can use an image as the background-image: url("url") of any element
• You can dictate if a background image is repeated or centered, etc.
• You can create rollover effects by manipulating the position of the background image

---

MDN Article | Video & Audio APIs

---

MDN Video & Aduio APIs

• HTML5 has specific tags for <video> and <audio>
• Usually it’s wrapped in a <div> element and has an attribute in the video tag called controls like <video controls> which contains <source> elements (see the article link for me detailed example)
• You’ll get the control buttons to actually work by connecting it to code in a JavaScript file, attaching the DOM path to a const delcaration

---

HTML | Practical Information

---

• Be sure to look into Search Engine Optimization
• Here are six ways to determine keywords for your website for SEO purposes:
  • Brainstorm (p481)
  • Organize (p481)
  • Research (p481)
  • Compare (p482)
  • Refine (p482)
  • Map (p482)
• Google Analytics is worth checking out
• Understand who your web host will be and be sure to establish and purchase a domain name

Back to Home