ミラゲのメモ①:テキスト表示

自分は機械に弱いので毎回ビジュアルエディターで書いているのだが、やっぱりHTML?に比べてできることが少ないらしい。だから見返す用にこれから、ちょくちょくコードやHTMLテキストについてメモしようと思う。

HTMLコードを使う際、公開ボタン横の縦三点リーダを押してビジュアルエディターからコードエディターに切り替えないと使えないみたいだ。

HTMLテキストはタグで囲まれており、使えばより多くの情報を伝えることができるとのこと。

以下最低限知っておいた方が良さそうなタグ:

  • <p>段落</p>
  • <span>文字の一部に情報を持たせる</span>
  • <div>枠組み</div>
  • <br>改行</br>
  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>文字の大きさ

上記のタグを使えばこのように色を変えることができます。
<p><strong>上記のタグを使えばこのように<span style=”color:rgb(0, 64, 128);”>色を変えることが</span>できます。</strong></p>

文字の見た目で遊べるタグ:

  • <strong>太文字</strong>
  • <em>斜文字</em>
  • <p class=”color:rgb(x, x, x)”> 文字に色を付ける</p>
  • <ruby>囲んだ文字に<rt>フリガナや斑点を入れられる</rt></ruby>

上記のタグを使えばこのように文字もじの上うえにルビを振れたり、又は斑点・・を入力できます。
<p>上記のコードを使えばこのように<ruby>文字<rt>もじ</rt></ruby>の<ruby>上<rt>うえ</rt></ruby>にルビを振れたり、又は<ruby>斑点<rt>・・</rt></ruby>を入力できます。</p>

このブログサイトを建ててから1ヶ月近く経ちそうなのに、全然知らなかった。

また今度時間があったらもう少し勉強するかもしれん。

類似投稿

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です