html

<html> テキストをみたまま表示

テキストをみたまま、そのまま表示。 <pre>で囲う。 http://www.htmq.com/html5/pre.shtml</pre>

<iPython, html> HTMLの表示

ipython notebookでHTMLを表示する方法。 s = '<p>Hage</b>' from IPython.display import HTML html = HTML(s) html

<jQuery, javascript, css, html> ローディングのくるくるを実装する。

htmlページpageをローディングloadingする時に出てくる、 くるくるcircleを実装する。 https://jsfiddle.net/1d28vf7f/ こちらのとおり作成しました。 画面読込中のグルグルまわるローディング画像を出す。jQuery・javascript : 森のコーディング

<html, css> テーブルで文字列を折り返さない

テーブルtableで文字列stringを折り返さない。 td { white-space: nowrap; } 例。 https://jsfiddle.net/2rgLy1eh/

<html, css> 文字を揃える

テーブルタブ<table>を使わずに、文字を揃える。 <style> span { display: inline-block; width: 15em; } </style> <html> <ol type="1"> <li><span>hagehage</span> ahahaha</li> <li><span>hagehagehagehage</span> ahahaha</li> <li><span>hage</span> ahahaha</li> <ol> </html> 参考。 www.kotalog.net</table>

<html, css> 3ペイン

ページを3ペインpane(3分割)する場合のCSS。 body { margin: 0; _overflow: hidden; padding-top: 150px; } #top { height: 150px; position: fixed; top: 0; width: 100%; } #left { height: 100%; margin: 0 0 0 0; padding: 5px; position: fixed; _p…

<html> 横に並べる。

htmlで、文字とかを横に並べる方法。 <div sytle='float:xxx;'>を使う。 何にもしない場合。 <div><p>hage</p></div> <div><p>hage</p></div> <div><p>hage</p></div> 表示は下記。 hage hage hage で、style='float:left;'を入れた場合は、、(+空白&nbsp追加) <div style='float:left;'><p>hage</p></div> <div style='float:left;'>&nbsp;</div> <div style='float:left;'><…</div></div>

<html, bokeh, Python> htmlがIE11で表示されないとき。

bokehで生成したhtmlがIE11で表示されない。。。 ChromeだとOK。 IE11の互換表示が邪魔をしているらしい。 そんな時は次のお呪いをhtmlのheaderに追加する。 これで互換表示はオフされる。 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> いいねー。</meta>

<html, cgi> Form、Webクライアントからサーバへデータを送る

FormでWebクライアントから、サーバへデータを送れるらしい。へー。 <html> <form name="hogehoge" action="hogehoge.cgi" method="get"> DID <input type="text" name="hage" value=""><br> Fab <input type="text" name="pika" value=""><br> <input type="submit" name="submit" value="submit"><br> </form> </html> で、変数hageが値valueの部分に入った値をサーバへ送り…

<Javascript> 外部HTMLを読み込む方法

外部HTMLを読み込む方法。 Cとかでいう#include <hogehoge.h>みたいなやつをHTMLでやる方法。 jQueryを使うらしい。 <script type="text/javascript"> $(function(){$('#hoge').load('hoge.html');}); </script> <div id="hoge"></div></hogehoge.h>

<html> コメントアウト