fff
ํ์ด์ง ์ ๋ณด
๋ณธ๋ฌธ
[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]
๋๊ธ๋ชฉ๋ก
๋ฑ๋ก๋ ๋๊ธ์ด ์์ต๋๋ค.