12 Week AI Dev Journey(16/04/2026)
Week 1: HTML Basics
Goal: Build a bio page with name, photo, hobbies, form.
live site
[click hrer to view my bio page] ( https://seth-com.github.io/week1-bio-page/)
Day 1: Boilerplate
- Learned <!DOCTYPE>, html, head, body
- Created index.html with h1 and p
- Got Live Server working
- Struggled with: nothing, it worked first try
Day 2: Images + Lists
-Added
tag for profile picture
-Created ordered list(<ol>…</ol>) and unordered lists(<ul>…</ul>|).
-learned: src attribute, alt text, li tags. src must match filename exactly, alt shows when image breaks.
Day 3: Links + Navigation
-Added anchor tags() with href.
-Used terget=”_blank” for external links.
-Used mailto: for email.
-Added internal link with id=”#hobbies”
-Learned: href, target attribute, internal page jumps.
Day 4:
-I couldn’t find my page on the internet though I pushed it to GitHub to be published, a 404 page poped up telling me my page can’t be found. So this is what I did; (Deploy a real website with GitHub Pages to the Internet. Make sure pages is enabled in settings. Your filename must be “index.html”.)
-Added CSS Styling to today’s work.
Day 5: Flex-box Basics for Navbars.
- nav = container for links.
- Divs: Is a box, for grouping stuffs. so a div is used when u want multiple things to move together as a one group.
- Used display:flex; to arrange items vertical in both div and nav tag.