contentediable=""
hidden
spellcheck=""

    contentediable=""
    hidden
    spellcheck=""

h1

span

    <h1>h1</h1>
    <div>div</div>
    </span>span</span>

article start

section

article end

header

address

main

    <article>
      article start
      <section>section</section>
      article end
    </article>
    <aside>aside</aside>
    <nav>nav</nav>
    <header>header</header>
    <footer>footer</footer>
    <address>address</address>
    <main>main</main>

p

---

b
r(preには反映されない)
em strong b ins del cite code kbd var samp スマホ

pre

JavaScriptジャバスクリプト

    <p>p</p>
    <hr>
    br(preには反映されない)
    <em>em</em>
    <strong>strong</strong>
    <b>b</b>
    <ins>ins</ins>
    <del>del</del>
    <cite>cite</cite>
    <code>code</code>
    <kbd>kbd</kbd>
    <var>var</var>
    <samp>samp</samp>
    <abbr title="スマートフォン">スマホ</abbr>
    <pre>pre</pre>
    <ruby>JavaScript<rt>ジャバスクリプト</rt></ruby>

• ul li

1. ol li

1. ol li I

    <ul><li>ul li</li></ul>
    <ol><li>ol li</li></ol>
    <ol><li type="I">ol li I</li></ol>

1	2
3	4

1	2
	4

1
3	4

head

1	2
3	4

    <table>
      <tr><td>1</td><td>2</td></tr>
      <tr><td>3</td><td>4</td></tr>
    </table>
    <table>
      <tr><td rowspan="2">1</td><td>2</td></tr>
      <tr><td>4</td></tr>
    </table>
    <table>
      <tr><td colspan="2">1</td></tr>
      <tr><td>3</td><td>4</td></tr>
    </table>
    <table>
      <thead>head</thead>
      <tbody>
        <tr><td>1</td><td>2</td></tr>
        <tr><td>3</td><td>4</td></tr>
      </tbody>
    </table>

  <style>
    table { border-collapse: collapse; margin-bottom: 5px; }
    td { border: 1px solid black; }
  </style>

/
/(_blank)
/(title設定)
etc.html

    <a href="/">/</a>
    <a href="/" target="_blank">/(_blank)</a>
    <a href="/" title="タイトルです">/</a>(title設定)
    <a href="etc.html" rel="next">etc.html</a>

    <img src="z.png">
    <img src="z.png" alt="alt">
    <img src="z.png" width="50px" height="50px">
    <img src="z.png" usemap="#zping">
    <map name="zping">
      <area shape="rect" coords="10,10,50,50" href="/">
    </map>

textarea
オプション１ オプション２
オプション１ オプション２ オプション３

label

legend

    <form action="/" method="get">
      <input type="text" name="text1" value="text1" size="20" maxlength="30" minlength="10">
      <input type="checkbox" name="check1" value="check1" checked>
      <input type="radio" name="radio1" value="radio1" checked>
      <input type="radio" name="radio2" value="radio2">
      <input type="file" name="file1" multiple>
      <textarea cols="20" rows="3" name="textarea1" maxlength="300">textarea</textarea>
      <select name="select1">
        <option value="option1">オプション１</option>
        <option value="option2">オプション２</option>
      </select>
      <select name="select2" size="2">
        <option value="option1">オプション１</option>
        <option value="option2">オプション２</option>
        <option value="option3">オプション３</option>
      </select>
      <input type="hidden" name="hidden1" value="hidden1">
      <input type="reset" name="reset1" value="reset1">
      <input type="submit" name="submit1" value="submit1">
      <label><input type="checkbox" name="check2" value="check2" checked>label</label>
      <fieldset>
        <legend>legend</legend>
        <input type="radio" name="radioset" value="radio11" checked>
        <input type="radio" name="radioset" value="radio12">
      </fieldset>
      <input type="text" name="text2" placeholder="placeholder">
      <input type="number" name="number1" value="2000" min="2000" step="5">
      <input type="text" name="text3" pattern="[A-Za-z]{3} [0-9]{3}" title="アルファベット３文字、スペース１文字、数値３文字入力してください">
      <input type="text" name="text4" value="autofocus" size="20" autofocus>
    </form>