Skip to main content

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ボタンは目立つ色で

基本的な用語を知っていると、より的確な指示ができます。


学習リソース