HTMLを復習①

★Progateの初級でよく使ったHTML一覧

• 1.見出し

見出しは基本的に段落が発生する。画面の主となるメッセージなどに用いる。

<h1>見出し１</h1>
<h2>見出し2</h2>
<p>段落</p>

見出し１

見出し2

段落

• 2.リンクの作成

リンク作成時は<a>要素と、URLと文字を用意する。
　※URLはダブルクォーテーション(")で囲むこと

<a href="https://twitter.com/?lang=ja">ツイッター</a>

ツイッター

• 3.img画像の貼り付け

<img>要素とimg画像のURLを用意する。
　※img画像のURLはダブルクォーテーションで囲むこと

<img src="http://www.icon-surfer.com/wp-content/uploads/2014/02/1402122.png">

• 4.リストの作成

囲む要素の内に<li>要素をネストする。
<li>要素は囲む要素によって先頭に・や数字がつく。(その他も可能性あり。)

<ul>
  <li>リスト1</li>
  <li>リスト2</li>
  <li>リスト3</li>
<ul/>
<ol>
  <li>リスト1</li>
  <li>リスト2</li>
  <li>リスト3</li>
<ol/>

• リスト1
• リスト2
• リスト3
1. リスト1
2. リスト2
3. リスト3