athro https://blog.hatena.ne.jp/athro/ HTML-CSS （演習プロンプト） https://athro.hatenablog.com/ ★コーディング演習 ★AI 背景色 - 1カラムレイアウト プロンプト例 HTML+CSSで初学者が最初に作るべき１カラムのコンテンツを作成して 以下、ChatGPTが提案してきた内容です。 完成例 🎯 完成イメージ ヘッダー メインコンテンツ フッター という Webページの基本構造 を学べるシンプル構成です。 テキスト はじめてのWebサイト HTML & CSS 入門 このサイトについて このページは、HTMLとCSSの学習用に作成された1カラムレイアウトのサンプルです。 学習ポイント HTMLの基本構造 CSSの基本スタイル レイアウトの考え方 次の目標 次は2カラムレイアウトやレスポンシブデザインに挑戦しましょ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fathro.hatenablog.com%2Fentry%2F2025%2F12%2F11%2F000000_1" title="背景色 - 1カラムレイアウト - HTML-CSS （演習プロンプト）" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20260223/20260223024731.jpg Hatena Blog https://hatena.blog 2025-12-14 00:00:00 rich https://athro.hatenablog.com/entry/2025/12/11/000000_1 1.0 100%