!DOCTYPE html>
html lang="ja">
head>
<meta charset="UTF-8"> <title>My Profile</title> <style> body { font-family: Arial, sans-serif; background-color: #f5f5f5; text-align: center; margin: 0; }
header {
background-color: #333;
color: white;
padding: 20px;
}
.container {
margin: 30px auto;
width: 80%;
max-width: 600px;
background: white;
padding: 20px;
border-radius: 10px;
}
img {
width: 150px;
border-radius: 50%;
}
h2 {
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
}
</style>
/head>
body>
header>
<h1>My Profile</h1>/header>
div class="container">
<img src="https://via.placeholder.com/150" alt="プロフィール画像">
<h2>名前</h2> <p>ここに名前を書く</p>
<h2>自己紹介</h2> <p>大学生です。バスケとゲームが好きです。</p>
<h2>趣味</h2> <p>・バスケットボール<br>・ゲーム（Rocket Leagueなど）</p>
/div>
/body>
/html>