初心者が知っておきたいhtmlコード

どうせブログ書くならhtmlも学びながら書いた方が効率もよくなるし、新たな知識を得ることができる。初心者の私が知ってて便利だと思ったhtmlをこのページに少しづつ付け足したいと思う。

引用文

<blockquote>
<p>引用文の内容をココに!</p>
</blockquote>

するとこうなる ⬇️

引用文の内容をココに!

目次の書き方

目次部分はこう ⬇️これをコピペして日本語の部分を変えればよし。(*は消してね)

<div id=”toc_container” class=”no_bullets”>
<h3 class=”toc_title”>ビザの取得方法</h3>
<p><a href=”#i1*“>1. 労働ビザ</a></p>
<p><a href=”#i2″>2. 学生ビザ</a></p>
<p><a href=”#i3″>3.  ワーホリ</a></p>
</div>

*#の後に名前をつける。なんでもいい

するとこうなる ⬇️

目次に対応するタイトル部分はこれコピペで!(*は消してね)

<h4 id=”i1″*>労働ビザ</h4>
<h4 id=”i2″>学生ビザ</h4>
<h4 id=”i3″>ワーホリ</h4>

* ” “内は上記に付けた名前と対応するように。

するとこうなる ⬇️目次のタイトルをクリックしたらたどり着くタイトル

労働ビザ

学生ビザ

ワーホリ

ウェブサイトのリンクをハイパーリンクに

<a href=”URL”>ココに青くなる文字</a>

例 <a href=”https://r-k-world.com/”>コニーるうむ</a>

するとこうなる ⬇️

コニーるうむ

テーブル、表

<table border="1">
    <tr>
      <th>年齢</th>
      <th>ビザの種類</th&gt;
    </tr>
    <tr>
      <td>30歳以下</td>
      <td>ワーホリ</td>
    </tr>
    <tr>
      <td>31歳以上</td>
      <td>労働ビザ</td>
    </tr>
  </table>

するとこうなる⬇️

年齢 ビザの種類
30歳以下 ワーホリ
31歳以上 労働ビザ

ページ内ジャンプ

リンクを付けたい文字を選ぶ→リンクの挿入→#a* と名付ける *#の後に名前つける。なんでもいい

ジャンプ先の文字(アンカー設定)

<a id="a">ココに文字</a>

するとリンクを付けた文字をクリックするとジャンプ先文字にジャンプする

ハイライトしたい時

<mark>ここが文</mark>

するとこうなる⬇️

ここが文

番号を指定してリストを作る

<ol start=”5″>
  <li>労働ビザ</li>
  <li>学生ビザ</li>
  <li>ワーホリ</li>
</ol>

⬇するとこうなる  

  1. 労働ビザ
  2.   

  3. 学生ビザ
  4.   

  5. ワーホリ

返信を残す

メールアドレスが公開されることはありません。