์ž์œ ๊ฒŒ์‹œํŒ

  • fff

    ํŽ˜์ด์ง€ ์ •๋ณด

    profile_image
    ์ž‘์„ฑ์ž์ฒœ์‚ฌ ์กฐํšŒ 10ํšŒ ์ž‘์„ฑ์ผ 2026-02-25 23:14:20 ๋Œ“๊ธ€ 0

    ๋ณธ๋ฌธ

    [code]

    <!DOCTYPE html>
    <html lang="ko">
    <head>
    ย  ย  <meta charset="UTF-8">
    ย  ย  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    ย  ย  <title>์•ˆ๋…•ํ•˜์„ธ์š”!</title>
    ย  ย  <style>
    ย  ย  ย  ย  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');
    ย  ย  ย  ย ย 
    ย  ย  ย  ย  body {
    ย  ย  ย  ย  ย  ย  font-family: 'Noto Sans KR', sans-serif;
    ย  ย  ย  ย  ย  ย  margin: 0;
    ย  ย  ย  ย  ย  ย  height: 100vh;
    ย  ย  ย  ย  ย  ย  display: flex;
    ย  ย  ย  ย  ย  ย  justify-content: center;
    ย  ย  ย  ย  ย  ย  align-items: center;
    ย  ย  ย  ย  ย  ย  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    ย  ย  ย  ย  ย  ย  color: white;
    ย  ย  ย  ย  ย  ย  text-align: center;
    ย  ย  ย  ย  }
    ย  ย  ย  ย ย 
    ย  ย  ย  ย  h1 {
    ย  ย  ย  ย  ย  ย  font-size: 5.5rem;
    ย  ย  ย  ย  ย  ย  margin: 0;
    ย  ย  ย  ย  ย  ย  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    ย  ย  ย  ย  ย  ย  animation: bounce 2s infinite;
    ย  ย  ย  ย  }
    ย  ย  ย  ย ย 
    ย  ย  ย  ย  p {
    ย  ย  ย  ย  ย  ย  font-size: 1.5rem;
    ย  ย  ย  ย  ย  ย  margin-top: 20px;
    ย  ย  ย  ย  ย  ย  opacity: 0.9;
    ย  ย  ย  ย  }
    ย  ย  ย  ย ย 
    ย  ย  ย  ย  @keyframes bounce {
    ย  ย  ย  ย  ย  ย  0%, 100% { transform: translateY(0); }
    ย  ย  ย  ย  ย  ย  50% { transform: translateY(-15px); }
    ย  ย  ย  ย  }
    ย  ย  </style>
    </head>
    <body>
    ย  ย  <div>
    ย  ย  ย  ย  <h1>์•ˆ๋…•ํ•˜์„ธ์š”! ๐Ÿ‘‹</h1>
    ย  ย  ย  ย  <p>๋ฐ˜๊ฐ€์›Œ์š”! Grok์ด ๋งŒ๋“  ์ฒซ HTML ํŽ˜์ด์ง€์˜ˆ์š” โœจ</p>
    ย  ย  </div>
    </body>
    </html>

    [/code]

    ๋Œ“๊ธ€๋ชฉ๋ก

    ๋“ฑ๋ก๋œ ๋Œ“๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค.