Skip to content

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

メモ

ミラゲは機械に弱いので毎回ビジュアルエディターで書いているのですが、やっぱり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ヶ月近く経ちそうなのに、全然知らなかったよ。また今度時間が有ったらもう少し勉強しようかな。今回は丁度いい空間がないので絵は貼らないことにする。

Leave a Comment