このページの最後にコメント記入欄があります。このコメント欄を練習場にしてください。このコメントは管理人が出鱈目な時期に気がついたとき削除しますから、何回使ってもいいですし、保存もしません。当然のことながら入力した文字列はソースコードとして読み込まれ表示と異なることがありますので、メモ帳やエディタ等で入力文字列をコピーしておくといいでしょう。
この枠内の行をそのままコピペし、黒文字の部分を挿入したい文字列に置き換えてください。枠の下にあるのが、この枠のコードを実施した結果です。コメント欄に記入して誤った場合は訂正できませんので管理人にコメントでお知らせください。該当コメントを削除します(改訂はしません)。
★ 一般ユーザが使えるソースコード
1 2 3 4 5 6 7 8 9 10 |
<em>イタリック</em> <strong>太字</strong> <del>打ち消し線</del> リスト(箇条書き) <ol type="1"> <li>1番目</li> <li>2番目</li> <li>3番目</li> </ol> <blockquote>引用文</blockquote> |
イタリック
太字
取り消し線
文字は黒で取り消し線を赤にする
取り消し線
1 |
<span style="text-decoration:line-through;color:red;"><span style="color:black;">取り消し線</span></span> |
- 1番目
- 2番目
- 3番目
引用文
ルビ
1 |
<ruby><rb>漢字</rb><rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby> |
例:漢字
★ 管理者だと使えるソースコード
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<em>イタリック</em> <strong>太字</strong> <ul>下線</ul> <del>打ち消し線</del> リスト(箇条書き) <ol type="1"> <li>1番目</li> <li>2番目</li> <li>3番目</li> </ol> <span style="color: #ff00ff;">fuchsia(ショッキング・ピンク) </span> <span style="color: #0000ff;">blue(青) </span> <span style="text-shadow: 2px 2px #ff00ff;">文字に影 </span> <span style="border-bottom: solid 2px #ff00ff;">アンダーライン </span> <span style="border-top: solid 2px #ff00ff;">オーバーライン </span> <blockquote>引用文</blockquote> |
イタリック
太字
- 下線
打ち消し線
- 1番目
- 2番目
- 3番目
fuchsia(ショッキング・ピンク)
blue(青)
#xxxxxxに代わって簡単に使える色名:Red Yellow Green Cyan Blue Magentaなど
color index: https://www.colordic.org/
文字に影
v style=”border-bottom: solid 2px #ff00ff;”>アンダーライン
オーバーライン
引用文
ぱそこんのユーザ辞書に登録したらいいこと
1 2 3 4 5 6 7 |
りんくさき <a href="URL">リンク先</a> <a href="URL" target="_blank">リンク先</a> <a href="URL" rel="noopener noreferrer" target="_blank">リンク先</a> いんよう <blockquote>引用文</blockquote> |
リンク先の
1番目は現在のページに開く
2番目は新規タブに開く
3編目は新規タブで開くうえに、 新しいタブで開いたページから元タブのページの操作が不可能(元ページに影響がない)、参照先に対して参照元のリンクを渡さない
ソースコード表示法 管理者だけ。
参考
記事にソースコードを表示する方法:https://zeroblo.net/2018/11/06/1325/
HTML特殊文字コード表:http://www.shurey.com/js/labo/character.html
< は
1 |
< |
> は
1 |
> |
コードの表示方法
<pre><code>[コード]</code></pre>
########################
さて以下はデコ文字とかアニ文字の実験テストフィールドです。管理人がよくわかってないからです。
Mac の場合、ブラウザの編集メニューから 絵文字と記号 を選択すると、
絵文字一覧がでてきて、
選択するとカーソルのところに挿入されます。
💖 とか 💣 ですね。これは
1 2 |
💖 💣 |
で、この対応する文字列を入力しても絵文字になります。
💖
💣
コメント欄に直接入力しても有効で、Mac Windows スマホ で絵文字として見えます。
サトさんのコメントにある「ヤフーブログでもPCから絵文字を使える」で説明しているのはYahooブログでだけの話です。
例えば、Yahoo ブログで {{s93}} と記事欄に入力すると動く封筒の絵文字 になりますが、当方のブログではそのようなコードをサポートしていませんので、何の効果もなく文字列が表示されるだけです。動く絵文字はgif ファイルで保存し、保存先のURLを書かないと当方のブログでは有効になりません。コメント欄には管理者だけが入力できます。
当方のブログで動く絵文字を挿入するためには、
1 |
<img src="http://i.yimg.jp/images/mail/emoji/15/ew_icon_a803.gif/> |
のように絵文字のURLを挿入する必要があります。そうすると と動く心臓の絵文字が挿入できます。この場合、だれかgifファイルをアップロード・公開してくれないとだめなわけです。当方が作るのはしんどいのでご勘弁を。
絵文字と対応URLの一覧は
https://blogs.yahoo.co.jp/appurupairinngo/folder/1794482.html
にあります。i.yimg.jp はヤフーのサイトでヤフーがサービスしています。このほかの絵文字とURL対応一覧を探していますがまだみつかりません。
WordPress のプラグインにNative Emojiがありますが、管理者しか使えないです。
絵文字をコピペすることができそうです。EmojiRepo.com です。このページを下の方にスクロールすると絵文字が一杯あります。クリックすると、クリップボードにコピーされますので、望みの場所に 💋 ペーストすればいいのです。簡単ですな。しかし、ここには動く絵文字はありません。
作成している方がいます。右クリックで画像のURLをコピーして
1 |
<img src=" 画像のURL" alt="" /> |
とすればいいのです。画像のURLが「https://blog-001.west.edge.storage-yahoo.jp/res/blog-d5-b6/yudesu_kadesu/folder/407102/27/13569927/img_19?1341114696」だったら
となります。
すみません。練習させてください
絵文字がある記事
わぁ!
できました!
plus99%さん、はなさん、ありがとうございましたm(__)m
わぁい♪
( ^-^)∠※.。・:*:・゜
☆、。・:*:・゜
★成功、おめでとうございまぁす!
ちょっとテストさせてください。
ちょっとテストさせてください。
絵文字は出るかな?
タコ
イカ
取り消し線
取り消し線
あっ。
sigh さん、すみません、寝惚けて誤投稿いたしました。お捨て置きくださいませ。