html

htmlでピンイン(拼音)を振る方法

はじめに htmlで中国語を書く時に、ピンインをどうやって漢字の上に振るのかわからなかったのでメモ。 ついでにpythonでピンイン変換して、htmlを出力してみた。 コード htmlは以下のとおり。 www.shangtian.tokyo <html> <head> </head> <body> <ruby>你好<rt>nihao</rt></ruby> </body> </html> pythonでピンイン変換して…

webカメラとラズパイで監視カメラを作って見た(python + openCV)

はじめに 我が家にはオカメインコの巣を観察するために webカメラとラズパイを使って監視カメラを作ってみる ダンボールの箱がオカメインコの巣 一日の大半をこの中で過ごしている 巣の入り口部分いカメラをセット 使ったもの raspberry pi 3b Raspbian 9.6 …

【html css】ヘッダー上部の空白を消す方法

はじめに 空白が出来てしまう 解決法 余白が出来る理由 まとめ 参考文献 はじめに header部分をcssでmargin-top:0;にしても何故か余白が出来きてしまう ときの原因と対処法が分かったので紹介しておきます。 ちなみにQRコードを生成するサイトを作成中です。…

php select|phpでセレクトボックスを作って値を受け取る方法

はじめに html php 全体の全体のコード はじめに phpでフォームのセレクト要素を受け取る方法。 けっこう基本だと思うけど忘れがち。 html html側でセレクト部分だけ抜粋すると <select name="frameRate" id="frameRate"> '.$i.'</option>'); } ?> </select> php 次にphpのセレクト部分の値の受取だけ抜粋。 $_POST['h…

input にcssを適用させてデザインを変えてみた

はじめに デフォルト label要素を使って はじめに HTMLのフォーム要素のボタンのデザインを変更する方法を紹介していく。 フォーム要素を直接デザインするのではなく label要素を使ってデザインする。 デフォルト まずデフォルトのフォームデザインこれのボ…

レスポンシブcssの書き方

はじめに html側 css側 メディアクエリについて <参考文献> はじめに ホームページをのデザインをPCとスマホで切り替えるやり方を紹介。 レスポンシブ対応していないとき、スマホからページを見ると かなり残念な感じ やることは2つhtmlとcssにコードを書…