HTMLを直接書いて桃園で遊んでみる

みなさん桃園の記事の投稿、やったことありますか？ br> 編集したことがある方ならわかると思いますが編集画面のメニューからいろいろいじれます。

斜めにしてみたり　下に線を引いてみたり　打ち消してみたり　
他にも画像埋め込んだりリンクを貼れたりできるのでいろいろ試してみましょう。

さて、これどうやってるのでしょうか。編集メニューの中にソースというものがあります。ここに変換された結果のHTMLがあります。
この記事のソースを一部抜き出すとこのようになっています。

-----------------------------------------------------------------------------------------------------------
<em>斜めにしてみたり </em><u>下に線を引いてみたり </u><s>打ち消してみたり </s><br />
-----------------------------------------------------------------------------------------------------------

emタグで囲むと斜めにできたり、uタグで囲むと下線が引けたりするわけですね。

ところでこのソース、直接編集できます。つまり自由にHTMLが書ける…？
ということで書いてみます。

まずはボタンでも置いてみます


次は入力欄を置いてみる。


select要素
魏 蜀 呉

range
動かせますよ→

chromeなんですが青い丸しか表示されてないですね。適用されているcssが原因みたいですが直せませんでした。
あとボタンが桃園の他のボタンと同じ見た目になっていますがbutton要素すべてにcss適用させているようです。
割とやりたい放題できますね。なおボタンを押したときにjavascriptでアラート仕込もうとしたけど無理でした。

まあこれができるとページを開いた瞬間にウイルスサイトに飛ばすとかやりたい放題になるので仕方ないですね。

やりすぎると運営から怒られそうですねこの記事。