HTMLの機能一覧表です。 最低限必要な内容に絞り込んで、分かりやすくしました。 発展的な内容はこちら

文章

数字が増えるほど小さくなる

<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<p>本文</p>
ここで改行</br>される

要素

<div>子要素</div>
<a href=”リンク先”>子要素</a>
水平線<hr/>

メディア

Youtube動画はiframe要素を使って貼り付ける

<img src=”画像のURL” width=”幅” height=”高さ”>
<iframe width="420" height="315"
src="埋め込みたいWebサイト">
</iframe>
<video width=”幅” height=”高さ” controls>
  <source src=”動画のURL” type=”video/mp4”>
</video>
<audio width=”幅” height=”高さ” controls>
  <source src=”動画のURL” type=”video/mp4”>
</video>

リスト

ulをolに変更で、番号付きリストに

<ul>
  <li>1番目</li>
  <li>2番目</li>
</ul>

入力

min, max step, valueは任意 type=”radio”は、チェックボックスに似ている 選択グループの中から選択できるのは一つだけ selectとradioは似ているが、selectはドロップダウンメニューに似ている

<input name=”テキスト入力” type=”text” />
<input name=”数値入力” type=”number” min=”最小値” max=”最大値” step=”変更間隔” value=”初期値” />
 <input checked="checked" name="選択グループ" type="radio" value="選択肢1" /> 選択肢1 
<input name="選択グループ" type="radio" value="選択肢2" /> 選択肢2
<select name=”選択”>
  <option selected=”selected” value=”選択肢1”>選択肢1</option>
  <option value=”選択肢2”>選択肢2</option>
</select>

文字装飾

CSSでも改変可能だが、HTMLを正しく使うとSEOに強くなる

<strong>太字</strong>
<em>斜め</em>
<span style=”適応したいCSS”>文章<span>