【2020年版】HTML要素の使い方・サンプルコードまとめ

HTMLについて

HTML の基本
グローバル属性
MIME タイプ
リンク種別まとめ

メインルート

 

文書情報・メタデータ

 

セクショニングルート

 

コンテンツ

 

テキストコンテンツ

<h1>~<h6>:見出し
<blockquote>
<dd>
<div>:特別な意味を持たない範囲
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li>
<ol>
<p>
<pre>
<ul>

テキスト装飾

<a>:ハイパーリンクを作成
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data>
<del>
<dfn>
<em>
<i>
<ins>
<kbd>
<mark>
<q>
<rb>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
<u>
<var>
<wbr>

画像・メディア

<area>
<audio>
<img>
<map>
<track>
<video>

埋め込み要素

<embed>
<iframe>
<object>
<param>
<picture>
<source>
<svg> タグ

スクリプト

<canvas>
<noscript>
<script>

テーブル

<caption>
<col>
<colgroup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

フォーム

インタラクティブ要素

<details>
<dialog>
<menu>
<menuitem>
<summary>

ウェブコンポーネント

<slot>
<template>

ABOUT ME
Sara
Sara
「わかりやすく・シンプル」をモットーに、携帯アプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂