表示調整
閉じる
挿絵表示切替ボタン
▼配色
▼行間
▼文字サイズ
▼メニューバー
×閉じる

ブックマークに追加しました

設定
0/400
設定を保存しました
エラーが発生しました
※文字以内
ブックマークを解除しました。

エラーが発生しました。

エラーの原因がわからない場合はヘルプセンターをご確認ください。

ブックマーク機能を使うにはログインしてください。
14/29

ランキングタグについてpart2(オプション編)

今回はhtmlタグです。

ちなみにここを書くときの資料は、なろう内の作品であれば、わたくしのブクマ登録欄の「資料用」という所にあります。

よろしければ是非参考にしてください。

 こんにちは。じょーかーです。


 更新遅れました、すいません。


 今回はランキングタグについてpart2です。


 今回は普通に使うよりも、ちょっと足を伸ばして、「こうすればもっといろいろできるよ」的な内容です。


 前回の内容と組み合わせると、なんかいろいろできるよ!(語彙力不足)


 それでは早速始めていきましょう!


 まずは、ランキングタグ欄の文字を中央に寄せる方法です。

<div align="center">と</div>で中央に寄せる文字を挟みます。


<div align="center">中央に寄せる文字</div>


 こんな感じです。


 こうすると、左に寄っていた文字が中央に移動します。

 多少見やすく、リンクっぽくなります。


 次です。


 前回文字を太くする方法をやりましたが、実は細くする方法もあります。


 使い方は……無くはない! 思いつかないだけだぁ!


 ではでは、茶番はおいといて、方法を。

<small>と</small>で文字を挟みます。


<small>細字になる文字</small>


 もう気づいている方は何人もいらっしゃるかと思いますが、htmlタグって基本、文字を挟みます。


 あと、太くする時は、<strong>と</strong>で挟むので、strongの逆のsmallということですね。



 そして、最後に下線。

 要はアンダーラインです。<u>と</u>で挟みます。


<u>下線を引く文字</u>


 こうすると、<u>と</u>の間に下線が引かれて強調されます。

 むしろここで一番使えるし、とても簡単ですね。


 何で前回やらなかったのか……(単純にじょーかーが知らなかったです)


 さて、今回は3つのタグを紹介しました。


 中央寄せ

<div align="center">中央に寄せる文字</div>


 細字

<small>細字になる文字</small>


 下線アンダーライン

<u>下線を引く文字</u>


 の3つです。


 ここからコピーして使ってくださってもかまいません。

 むしろ、パソコンとかでも一つ一つ打つよりも楽で確実なのではないでしょうか?


 それでは今回はこれにて終了です。

 また次回、お会いしましょう。さようなら!

評価欄はここの下です。

また次回お会いしましょう。さようなら!

評価をするにはログインしてください。
この作品をシェア
Twitter LINEで送る
ブックマークに追加
ブックマーク機能を使うにはログインしてください。
― 新着の感想 ―
このエピソードに感想はまだ書かれていません。
感想一覧
+注意+

特に記載なき場合、掲載されている作品はすべてフィクションであり実在の人物・団体等とは一切関係ありません。
特に記載なき場合、掲載されている作品の著作権は作者にあります(一部作品除く)。
作者以外の方による作品の引用を超える無断転載は禁止しており、行った場合、著作権法の違反となります。

この作品はリンクフリーです。ご自由にリンク(紹介)してください。
この作品はスマートフォン対応です。スマートフォンかパソコンかを自動で判別し、適切なページを表示します。

↑ページトップへ