HTML チートシート 爆速プログラミング

タイトル　Heading

★h1（優先度高い）〜 h6（優先度低い）まで

<h1>タイトル</h1>

段落　paragraph

★ひとかたまりの文字

<p>Qitaで記事を書いてエンジニア能力を向上させる。</p>

改行　break

<p>Qitaで記事を書いてエンジニア能力を向上させる。<br>
疲れたら休憩しよう</p>

項目　unorderedList

<ul>
    <li>野球</li>
    <li>サッカー</li>
    <li>バスケ</li>
</ul>

//出力例
・野球
・サッカー
・バスケ

ランキング　orderdList

<ol>
    <li>Aさん</li>
    <li>Bさん</li>
    <li>Cさん</li>
</ol>

//出力例
1. Aさん
2. Bさん
3. Cさん

項目名　説明　descriptionList

<dl>
    <dt>名前</dt>
    <dd>Aさん</dd>
</ol>

//出力例
名前:
    Aさん

リンク　ancor

★リンク先に遷移　別タブ遷移
★リンクをクリックすると電話をかけられる

<a href="aaa.co.jp" taret="_blank">

<a href="tel:[phone]"></a>

画像　image

<img src="ファイルパス/画像名" alt="画像の説明">

強調　emphasis

★文字が斜体になる　osによって変わらないことも

<em>プログラミングを学習しよう</em>

表（テーブル）　table

<table>
<thead>
<tr><th>プログラミング言語</th><th>難易度</th><tr>
</thead>
<tr><td>PHP</td>★★★</td></tr>
</table>

//出力例
プログラミング言語　難易度
PHP　　　　　　　　★★★

連絡先（住所など）

<address>
<p>東京都港区</p>
<p><a href="tel:[phone]">000-0000-0000</a></p>
</address>