HTML
CSS

文系のHTM/CSS学習(1)

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>は数字