Devlog - 2025-09-17
π What I Did
- Video Compilation.
π§ What I Learned
Replacement element
- Style layout and positioning.
- It is replaced with an external object.
<iframe
src="video-url"
width="width-value"
height="height-value"
allowfullscreen
></iframe>
iframe- inline frame(element used to embed other HTML content directly within the HTML page).allowfullscreenattribute allows the user to display the iframe in full screen mode.- If you want to embed direct HTML within the iframe element you have to use the
srcdocattribute instead ofsrc.
Target values
<a href="https://freecodecamp.org" target="_blank">Visit freeCodeCamp</a>
_selfβ default, opens in the same tab/window._blankβ opens in a new tab (or window, depending on browser)._parentβ opens in the parent frame (useful inside iframes)._topβ opens in the full tab/window, ignoring nested frames._unfencedTopβ experimental, for FencedFrame API.
Path
- Simple string that tells where a file or directory is located.
- Absolute Path = full address (good for external links).
- Relative Path = shortcut (good for internal project files).
Order of styling links
:link β default state (not yet visited or clicked).
:visited β link already visited (default purple).
:hover β when cursor is over the link.
:focus β when the link is focused (e.g., via keyboard/tab).
:active β when the link is being clicked/activated.
π₯ Whatβs Next
- Semantic HTML.
| β Previous | Next β |