かん吉のブログ https://ameblo.jp/kanmu307/ HTML CSS 学習記録 ja 3-29 記録 初心者向けCSS（スタイルシート）入門：基本的な書き方を総まとめ！
1.CSSとは？
2.CSSはどこに書くの？
  2-1.書く方法は3パターンある
  2-2.HTMLのstyleタグ内にサンプルCSSを書いてみよう。
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>CSS練習</title>
</head>
<body>
  <div id="headline">
  <h1>CSS入門</h1>
  <p>これは段落です。</p>
  </div>
  <div class="main">
  <h2>これは見出しです。</h2>
  <p>これは<span class="light">例</span>です。</p>
  <p>
  <a href="https://saruwakakun.com/">ホームへ</a>
  戻ります。</p>
  </div>
</body>
</html>
]]> https://ameblo.jp/kanmu307/entry-12585958137.html Mon, 30 Mar 2020 21:04:02 +0900 3-28 HTML 学習記録 初心者向けHTML入門：書き方の基本とタグの使い方

4. HTMLファイルの基本構造
5. よく使うタグの書き方
5-1.pで段落をつくる
5-2. h1〜h6で見出しをつくる
5-3.imgで画像を貼る
5-4. aタグでリンクをつくる
  <p>顔を踏んでね↓</p>
  <p>
  <a href="https://saruwakakun.com/">
  <img src="https://saruwakakun.com/wp-content/uploads/2016/11/IMG_9164.jpeg" alt="サルワカくんの顔" />
  </a>
  </p>
5-5. ul・ol・liで箇条書きを作る
  ulタグとliタグで箇条書きをつくる
  olとliで番号付の箇条書きに
5-6. brで改行
5-7. コメントアウトで自分用にメモ書きをする
  <!--下にpタグ-->
6. classとidを理解しよう
  6-1.idやclassを書く＝タグに管理名をつける
  6-3.idとclassはどのタグにも使える
7. divとspanを理解しよう
  7-1.divとspanはまとまりを作るために使う
  7-2.まとまりごとにデザインを変えることができる
 
 
]]> https://ameblo.jp/kanmu307/entry-12585954223.html Mon, 30 Mar 2020 20:47:27 +0900