文系のHTM/CSS学習（１）

0. 前提

これは私が学習したことの備忘録です。大した記述はしていません。

1. HTML

1.1 基本文法

テキストをタグ＜＞で囲むことで意味を持たせる。
開始タグ[<]と終了タグ[/>]でテキストを囲む。
コメント（表示されないテキスト）は<!-- -->でテキストを囲む。

qiita.html

<!-- This is a comment-->

<h1>hello,world</h1>
<p>hello,world</p>

リストを作成する際に、親要素(ul)で子要素(li)を囲むことを入れ子という
入れ子構造は親子関係が分かりやすいようにインデント（字下げ）を行う

qiita.html

<ul>
  <li>Manners</li>
  <li>Maketh</li>
  <li>Man</li>
</ul>

1.2 よく使うタグ一覧

タグ	使用例	特徴
h1	<h1></h1>	見出し ブロック要素
p	<p></p>	段落　ブロック要素
a	<a href="url">url</a>	リンク hrefはリンク先のURL
img	<img src="url" alt="#">	画像　srcは画像の場所　altは代替テキスト
li	<li></li>	リスト　<ul>は黒点　<ol>は数字