day42_Forms and Tables in HTML_240827.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "bf4ec107-bbd9-4229-8d46-1602aaa06dc3",
   "metadata": {},
   "outputs": [],
   "source": [
    "# day42_Forms and Tables in HTML_240827\n",
    "# index.html\n",
    "<!DOCTYPE html>\n",
    "<html lang=\"en\">\n",
    "\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
    "    <title>🌕Moon Chan Yeong's Personal Site</title>\n",
    "</head>\n",
    "\n",
    "<body>\n",
    "    <table cellspacing=\"20\">\n",
    "        <tr>\n",
    "            <td>\n",
    "                <img src=\"https://avatars.githubusercontent.com/u/173697762?v=4\" alt=\"moon chan yeong profile picture\">\n",
    "            </td>\n",
    "            <td>\n",
    "                <h1>Moon Chan Yeong</h1>\n",
    "                <p><em>Day by day in every way, I'm getting better and better</em></p>\n",
    "                <p>I am a graduate student at Pohang University of Science and Technology(POSTECH).\n",
    "                    My major is 'Social Data Science'.\n",
    "                    I love to learn something and have curious about many things in the world.\n",
    "                    I have a motorcycle, <a href=\"Po-Ba.html\">Po-Ba(Pohang Bada)</a>.\n",
    "                    Everymorning I handdrip a cup of coffee. I really love coffee.</p>\n",
    "            </td>\n",
    "        </tr>\n",
    "    </table>\n",
    "\n",
    "\n",
    "    <hr>\n",
    "    \n",
    "    <h2>Education</h2>\n",
    "    <ul>\n",
    "        <li>Geochang High School</li>\n",
    "        <li>B.S. Educational Technology, Hanyang University, Korea, 2024</li>\n",
    "    </ul>\n",
    "    <hr>\n",
    "    \n",
    "    <h2>Journals</h2>\n",
    "    <p>J1. 하선민, 전용찬, <b>문찬영</b>, & 송지훈. (2024). N 잡러가 경험한 심리적 소진 회복에 관한 근거이론적 접근. 한국콘텐츠학회논문지, 24(6), 408-424. <a href=\"https://doi.org/10.5392/JKCA.2024.24.06.408\">https://doi.org/10.5392/JKCA.2024.24.06.408</a></p>\n",
    "    <p>J2. 이진주, <b>문찬영</b>, 이진주. (2024). Rasch 분석을 활용한 일터에서의 목표지향성 측정도구 타당화 연구. 경영교육연구, 39(3), 199-226. <a href=\"https://doi.org/10.23839/kabe.2024.39.3.199\">https://doi.org/10.23839/kabe.2024.39.3.199</a></p>\n",
    "    <hr>\n",
    "\n",
    "    <h2>Skills</h2>\n",
    "    <table border=\"1\" cellpadding=\"3\">\n",
    "        <tr>\n",
    "            <td>\n",
    "                <table>\n",
    "                    <tr>\n",
    "                        <td>Problem-solving</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                    <tr>\n",
    "                        <td>Work Ethic</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                    <tr>\n",
    "                        <td>Analytics Skills</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                </table>\n",
    "            </td>\n",
    "            <td>\n",
    "                <table>\n",
    "                    <tr>\n",
    "                        <td>Team Working</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                    <tr>\n",
    "                        <td>Communication</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                    <tr>\n",
    "                        <td>Leadership</td>\n",
    "                        <td>⭐⭐⭐⭐⭐</td>\n",
    "                    </tr>\n",
    "                </table>\n",
    "            </td>\n",
    "        </tr>\n",
    "    </table>\n",
    "    <hr>\n",
    "\n",
    "    <h2>Work Experience</h2>\n",
    "    <p>Coming Soon...</p>\n",
    "    <hr>\n",
    "\n",
    "    <h2>Fullmoon_1st album</h2>\n",
    "    <table border=\"1\" cellpadding=\"3\">\n",
    "        <thead>\n",
    "            <tr>\n",
    "                <td align=\"center\">Number</td>\n",
    "                <td align=\"center\">Title</td>\n",
    "            </tr>\n",
    "        </thead>\n",
    "        <tbody>\n",
    "\n",
    "        </tbody>\n",
    "        <tfoot></tfoot>\n",
    "        <tr>\n",
    "            <td align=\"center\">1</td>\n",
    "            <td align=\"center\">그대로</td>\n",
    "        </tr>\n",
    "        <tr>\n",
    "            <td align=\"center\">2</td>\n",
    "            <td align=\"center\">달나라</td>\n",
    "        </tr>\n",
    "        <tr>\n",
    "            <td align=\"center\">3</td>\n",
    "            <td align=\"center\">놔</td>\n",
    "        </tr>\n",
    "        <tr>\n",
    "            <td align=\"center\">4</td>\n",
    "            <td align=\"center\">그 아이</td>\n",
    "        </tr>\n",
    "        <tr>\n",
    "            <td align=\"center\">5</td>\n",
    "            <td align=\"center\">좋아해도 될까</td>\n",
    "        </tr>\n",
    "        <tr>\n",
    "            <td align=\"center\">6</td>\n",
    "            <td align=\"center\">빈자리</td>\n",
    "        </tr>\n",
    "    </table>\n",
    "    <a href=\"https://youtu.be/SMc55SUhe8U?si=CwCLHzWKyRVwvrqG\">Youtube link</a> for listening the full album\n",
    "    <hr>\n",
    "\n",
    "    <h2>Hobbies</h2>\n",
    "    <ol>\n",
    "        <li>Coffee Handdrip</li>\n",
    "        <li>Riding my motorcycle, Po-Ba</li>\n",
    "        <li>Listening music</li>\n",
    "    </ol>\n",
    "    <hr>\n",
    "\n",
    "    <h2>Contact Information</h2>\n",
    "    <p>E-mail: fullmcy@postech.ac.kr</p>\n",
    "    <p>Please click <a href=\"contact_me.html\">here</a> to send me e-mail</p>\n",
    "</body>\n",
    "\n",
    "</html>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "76f0152b-dc55-485c-a49d-e1b4b5684024",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Po-Ba.html\n",
    "<!DOCTYPE html>\n",
    "<html lang=\"en\">\n",
    "\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
    "    <title>Po-Ba</title>\n",
    "</head>\n",
    "\n",
    "<body>\n",
    "    <img src=\"Po-Ba.jpg\" alt=\"Po-Ba in front of Pohang sea\">\n",
    "</body>\n",
    "\n",
    "</html>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "c1459ca5-43a0-4e5c-b7aa-8ccbb588da72",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Contact_me.html\n",
    "<!DOCTYPE HTML> <!--// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input -->\n",
    "<html lang=\"en\">\n",
    "\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n",
    "    <title>Contact me</title>\n",
    "</head>\n",
    "\n",
    "<body>\n",
    "<h2>Contact me</h2>\n",
    "<form action=\"mailto:namjesus@naver.com\" method=\"post\" enctype=\"text/plain\">\n",
    "    <label>Your name:</label>\n",
    "    <input type=\"text\" name=\"yourName\" value=\"\"><br>\n",
    "    <label>Your Email:</label>\n",
    "    <input type=\"email\" name=\"yourEmail\" value=\"\"><br>\n",
    "    <label>Your Message:</label><br>\n",
    "    <textarea name=\"yourMessage\" rows=\"10\" cols=\"30\"></textarea><br>\n",
    "    <input type=\"submit\" name=\"\">\n",
    "</form>\n",
    "</body>\n",
    "\n",
    "\n",
    "</html>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "c224d32c-b190-4c23-8a2a-570f012e2b21",
   "metadata": {},
   "outputs": [],
   "source": [
    "# inputs.html\n",
    "<!doctype html>\n",
    "<html lang=\"en\">\n",
    "<head>\n",
    "    <meta charset=\"UTF-8\">\n",
    "    <meta name=\"viewport\"\n",
    "          content=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\">\n",
    "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n",
    "    <title>Document</title>\n",
    "</head>\n",
    "<body>\n",
    "    <input type=\"text\"><br>\n",
    "    <input type=\"submit\"><br>\n",
    "    <input type=\"file\"><br>\n",
    "    <input type=\"date\"><br>\n",
    "    <input type=\"radio\"><br>\n",
    "    <input type=\"range\"><br>\n",
    "\n",
    "</body>\n",
    "</html>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "ee21af48-74d5-46bd-bd84-ade0ba0241bb",
   "metadata": {},
   "outputs": [],
   "source": [
    "# final result\n",
    "# https://fullmooncy.github.io/cv/"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.12.4"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}