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:  

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

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

参考にさせて頂きます!

使えるものがあると嬉しいです。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これは助かります!!
steemit技術が向上してきました^p^

steemit技術が向上してよかったですw
ただesteemのアプリ上では変な風に編集されていましたww(すいません)

ありがとうございます!@yoshikoさんの文章はこの辺りも凝られている印象であります。Resteemさせていただきました。

読んでもらいやすいように色々研究してきたんだけど〜その前に文章力をなんとかしないとねwww
Resteemいつもありがとう!!

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

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

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

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

左に線を出すやつ、やってみたかったのでとても参考になりました!!リスティームさせていただきます!!

気に入ってもらえてよかったです^^
リスティームありがとう!フォローさせてもらいましたよ〜^^

ありがとうございます〜。有名なyoshiko様にフォローしてもらえて光栄です!😂

これをいつか使いこなせるようになりたいなぁ^^
かなりのダメダメなので(^_^;)

私もダメダメからの出発でしたから大丈夫ですよ。
コピペするだけだし!私は使いやすい構成でフォーマット作って毎回そこに文章を入れ込むだけにしていますが楽でいいよ〜

これは参考になります!
しかし、まだこれらのHTMLタグを使うことに全く手が回っていません(・∀・;)
少しずつ取り入れていきたいです!

慣れて、時間ができたらフォーマットを作ると楽だよ〜^^
でも、まずは毎日の投稿重視でね〜!

もしコーダーさんですか?嬉しい です! あとで良いコードについて書いて下さい!

それが、コーダーさんでもなんでもないのですよww
自分の投稿を読みやすくしたくて、集めたタグを紹介させてもらいました^^
こういったことはどちらかというと @shogoさんが得意だと思います!

うまくいけば我々はいつもここで共有することができます

はい、共有してください^^

なるほどなるほど〜(^▽^)
コード入力で文字装飾できるのですね。メモ帳に早速コピーしました♫
あたしも枠組みとか試してみます♫

コピーありがとうございます。試してみたら是非教えてくださいね^^

So informative! Love it! my sister @polebird could use these tips!

I am glad to help your sister @polebird.

@yoshikoさん、こうやってまとめていただくと見やすいですね!ありがとうございます😃resteemed!

resteemedありがとうございます!頑張ってまとめてみました^^

いつも為になる記事を配信されてますね。私はhtmlコーディングしますが、なんでかsteemit ではやっていません(笑)
それより、前に配信して頂いた、busy使用の記事ありがとうございました!今busyからコメント投稿しています!
これからも、記事たのしみにしています。

@happyleonaさんはhtmlコーディング出来るんですね。busyは簡単でいいですよね。参考になってよかったです^^

すごい!!!コピペで使えるようにしてもらえてるのも嬉しい💕☺️面倒くさがりなので、助かります…使いこなせるかなぁ(笑)

わかるーこう投稿している私も面倒で使わない時があるから〜〜ww
ないしょなんだけどねww

So helpful!

参考になります!最後のGIF私も早速頂いて使わせて頂いてます💜