study-web-funsun

FUN-SUN — First HTML Toy Project “THE SUN” (2020)

🇰🇷 한국어 · 🇬🇧 English

A toy website made in January 2020, right after first learning HTML. My first attempt at storytelling on the web: the life of a character called “THE SUN,” laid out as staged pages (Birth → Elementary → Middle → High school).

---

📚 Study Context

• Period: January 2020 (same period as study-web-basics)
• Technologies: HTML only (no CSS or JS)
• Concept: The life pages of a fictional character (or nickname), “THE SUN”
• Learning point: First experience composing a small “site” with inter-page links (<a href>)

---

🧭 File Structure

File	Content
SUN.html	Index page — a menu branching into four stages
Birth.html	Birth — body is just <h1>SECRET</h1>
Elementary.html	Elementary years — just <h1>SECRET</h1>
middle.html	Middle-school years — just <h1>SECRET</h1>
high school.html	High-school years — the only page with actual narrative content
sun.jpg	Main image

---

💡 A Closer Look

The index structure of SUN.html:

<h1><a href="SUN.html"><strong>THE SUN</strong></a></h1>
<img src="sun.jpg" width="200$">
<ol>
  <li><a href="Birth.html">The Birth</a></li>
  <li><a href="Elementary.html">The Elementary</a></li>
  <li><a href="middle.html">The Middle</a></li>
  <li><a href="high school.html">The High school</a></li>
</ol>

Most pages contain nothing but <h1>SECRET</h1>, while high school.html is the only one with body text:

<h1>역사의 시작, 그의 등장.</h1>

<h2><strong>그</strong></h2>를 처음 보는 순간.<br>
강렬한 빛이 쏟아졌다.<br>
그가 자리에 앉자, 공기가 끓어오르기 시작했다.<br>

An unfinished toy project — only one of its five pages has a completed body — where I was absorbed less in learning code than in the fun of “telling a story through pages I made myself.” This first attempt at mimicking a “site” with nothing but links, made right after learning the syntax, was the starting point that leads to the web projects in my portfolio today.

---

🗂️ Study Repositories from the Same Period

• study-web-basics — HTML/CSS/JS basics from the same period

---

Author: MoriochoRadio (KimTaeKyoung) · Medical IT Engineering major