Use HTML tags to make Steemit more fun! HTMLタグを使って文章を編集しよう!

in #japanese7 years ago (edited)

HRML.jpg
[EN][JP] 
Finally I will explain in English.

◆HTMLタグを使ってみよう◆

難しいことを考えずに、下の表の右側のような文字にしたい場合は、左の暗号をコピペして文字を入れ替えて使用しましょう。

使えそうなものを抜粋しました。

Steemitの投稿時に書く HTML Steemitではこう見えます。
<B><Em>斜め太文字</Em></B> 斜め太文字
<B>太文字</B> 太文字
<Em>斜め文字</Em> 斜め文字
<del>削除済み</del> 削除済み
<CENTER>中央に表示したい文章</CENTER>
中央に表示したい文章
<code>等幅テキスト</code> 等幅テキスト
テキストのここで<br>改行します。 テキストのここで
改行します。
テキストのここで<br><br>二行改行します。 テキストのここで

二行改行します。
<ul> <li>りんご</li> <li>みかん</li> </ul>
  • りんご
  • みかん




■引用文を使うとき■

> ←これをつけると左に線が出て引用文になります

←これをつけると左に線が出て引用文になります。



■横線を入れる■

スクリーンショット 2018-01-27 4.56.49.png
上のように点線を入れると下の線になります。


■リンクを貼る■

<a href="リンク先URL">リンクさせたい文字列</a>

@yosikoのブログ
上の@yoshikoのブログをクリックするとリンク先の私のブログに行きます。




▼追加

赤い文字を使ってみよう!

線.gif
今まで、steemitで色のついた文字は使えないと思っていました!
ところが昨日、赤文字を使っている投稿を発見!!

早速、どうやって使うか教えてもらいましたよ。

それは、こちらです。
↓↓↓
<div class="phishy">ここに赤くしたい文字</div>

ここに赤くしたい文字


ちなみに、これはBusyでは反映されないようです。


私より詳しい方はたくさんいると思いますが、簡単に説明してみました。
アドバイスなどありましたら、コメントくださいね〜(゚∀゚)

ちなみに下のギフは@koganekaeru先生からいただきました^^
欲しい方はこちらへ
https://steemit.com/japanese/@koganekaeru/cny

この投稿で紹介した中央に寄せるHTMLタグと、リンクを貼る方法で作りましたよ。(リンクさせたい文字列にギフ画像を入れました。)なのでクリックすると私のブログに飛んでいきます^^

U5dtDEzyBYniV6q5GVZHeGC7vFH4J79.gif

HRML.jpg

◆Let's use HTML tags◆

If you want to make it like the table on the right, copy the HTML on the left and use the letters。

I chose a lot to use.

Write it when posting Steemit using It looks like this in Steemit.
<B><Em>Diagonal bold letters&lt</B></Em> Diagonal bold letters&lt
<B>bold face</B> bold face
<Em>Diagonal character</Em> Diagonal character
<del>deleted</del> deleted
<CENTER>Want to display in the center</CENTER>
Want to display in the center
<code>Monospaced text</code> Monospaced text
Text here in here<br>I will break the line. Text here in here
I will break the line.
Text here in here&lt<br><br>It goes down two steps. Text here in here&lt

It goes down two steps.
<ul> <li>Apple</li> <li>orange</li> </ul>
  • Apple
  • orange



■When using another person's sentences■

> ←If you attach this, the line will be displayed to the left.

←If you attach this, the line will be displayed to the left.



■Insert a horizontal line■

スクリーンショット 2018-01-27 4.56.49.png
If you insert the dotted line as above, it becomes the lower line.


■Paste the link■

<a href="Destination URL">String to be linked</a>

@ yoshiko's blog
When you click on @ yoshiko, I will go to my blog on the linked page.


It was explanation for making it easy to read.Let 's enjoy steamit from now on!

I got the following Giff from @koganekaeru.
Click here if you wish
https://steemit.com/japanese/@koganekaeru/cny
I made this by putting a link with the central HTML tag introduced in this article. (I put a Giff image in the string I want to link) Clicking it will jump to my blog ^ ^

U5dtDEzyBYniV6q5GVZHeGC7vFH4J79.gif

IMG_20170724_063430のコピー 11.23.17.jpg
          Please follow @yoshikoDQmTiCwPX5Eh6J9TrHZ9Aki1E8u7jM6gc2LqvycQ91JFrjQ.gif

Sort:  

いつも有益な情報ありがとうございます!
そしていつも疑問に思ってたんですが、『削除』ってどう言う目的で皆さん使用するんですかね?
その文字自体を削除してしまえば解決するのでは?って思っているんですが、意外と使っている人がいて、、なんでなんだろうって思ってました、、

『削除』の入っている文章は、半分ギャグのようなもんだと理解してたよ。「言ったらダメだけど言いたい!」みたいな?www

ああー!なるほど!そう言う使い方なんですね♫ ずっと疑問でした、、これでスッキリしました♫

そうそう、失礼なことを言って削除を使うとかもねww

皆んなどうやっているのか疑問に思っていたんですよ!busy,orgに続き勉強になる投稿ありがとうございます!きっとjapanese communityメンバーのブログのクオリティがこれで一気に上がりますね(`・∀・´)

@kawaiipowerさんにそう言ってもらえると嬉しいです!知ってることかなぁ〜と思いながらも、作ってみたよ〜〜ww japaneseの投稿がたくさんの人の目に止まることを祈ってる^^

@yoshikoさん いつも為になる情報ありがとうございます✧‧˚

これは便利なので、メモなどにコピペしておくといいですよ〜^^

早速コピペしました( •̤ᴗ•̤ )

すごく参考になります(●^o^●)

コピペして使ってね^^
コメントありがとう!フォローしました^^

フォローありがとうございます。^ω^

これなかなか覚えるの難しいですよねぇ。
ワードプレスみたいになってくれればいいのに(´・ω・`)

も〜全然覚えられないですよ〜なので私もコピペで使っています^^

これは被りましたねwww
しかも豊富でわかりやすい!早速コピペさせていただきます!

(次のネタどうしよう。。。。)笑

そうでしょ〜あちゃ〜と思いましたw
ただ私は詳しい説明ができなくて、集めてきただけなので、一つ一つ丁寧に説明してくれると嬉しいなぁ〜^^よろしくです!!

早速ふんだんに使ってブログ書きましたよ♪見てみて♪https://steemit.com/japanese/@koganekaeru/cny

これ凄く嬉しいのです。
コピペしました。ありがとうございます!

私がチマチマ集めていたものですww
コピペありがとう!

ありがとうございます。
いろいろ試してみますね~

サイト上で変化するのはちょっと面白いですよ〜^^

非常に分かりやすいです! フォローさせていただきましたー!

ちなみにテーブル(エクセル表みたいなものとかってスチームでは出来ますか?

その辺りが詳しくないので、ちょっとわかりませんが、是非試して教えてください!
今回の私の表はHTMLタグで作ったのですが、これは簡単なので想像されているのとは、少し違いますもんね^^

返事ありがとうございます(^^♪
はい、少し違います。そのうちエクセルのような表のやり方が分かったら教えてくだーい!(* ̄0 ̄)/

steemitっとHTMLでもいけるんですね~!

何個か試してみたいと思います^^

HTMLでいけるのといけないのがあるみたいだよ〜
良さげなのがあったら教えてね〜^^