HTML / CSS
Webページの構造とデザインを記述する基本言語。
概要
- HTML: HyperText Markup Language(構造)
- CSS: Cascading Style Sheets(デザイン)
- 用途: Webページ、LP、メールテンプレートの作成
なぜ必要か
- Webの基礎となる技術
- LP作成、メール作成に必須
- 理解しているとAIへの指示が的確になる
HTMLの基本構造
<!DOCTYPE html>
<html>
<head>
<title>ページタイトル</title>
</head>
<body>
<h1>見出し</h1>
<p>段落テキスト</p>
</body>
</html>
CSSの基本
/* セレクタ { プロパティ: 値; } */
h1 {
color: blue;
font-size: 24px;
}
.button {
background-color: #007bff;
padding: 10px 20px;
border-radius: 5px;
}
BizAgentでの活用
AIにHTML/CSSの生成を依頼する際のポイント:
レスポンシブ対応のLPを作って
ファーストビューは画面いっぱいに
CTAボタンは目立つ色で
基本的な用語を知っていると、より的確な指示ができます。