HTML コードや改行をそのまま表示 コードを表すcodeタグ、改行をそのまま表示するpreタグを使ったサンプルです。 プログラミングコードをサイト上に掲載したい時に、そのまま書くと当然コードとしてブラウザが解釈するので、プログラムが実行されてしまいます。 例えばリン... 2022-07-31 11:02:53
JS JavaScriptが無効の時のタグ noscriptタグを使ったサンプルです。 今時JavaScriptの使えないブラウザは見かけませんが、OFFにすることは簡単にできるようなUIになった気がします。 そこで改めてnoscriptタグのサンプルです。... 2022-07-30 11:43:10
HTML ローカルでオンラインの要素と一括接続 baseタグを使った使ったサンプルです。 ローカル上で作業をする時に、オンラインの要素に相対的にリンクや参照したいことがあります。 そんな時baseタグを使うと一括で指定したドメインのコンテンツ... 2022-07-25 10:52:03
HTML5 ローカルCSVを読み込み検索合算する 以下のようなCSVがあったとします。 その中で金額の値を合算するJavaScriptのサンプルです。 [[ ID,社名,種類,商品,金額,評価 1,A社,入力機器,マウス,... 2020-07-21 07:34:19
HTML5 ローカルのCSVを読み込み加工する ローカルにあるファイルをHTML5で実装されたFileAPIを使って読み込み表組を作成するサンプルです。 HTML5というもののHTMLは以下の二行で、他はJavaScriptになります。 また、以下のサンプルはjQueryも利用しています。 まずはinputするボタンを設置します... 2020-07-19 16:09:09
HTML bodyの中の基本のタグ HTMLのよく使う基本的なタグの紹介です。 初めてHTMLを書いた時、おもしろかったことを覚えています。 トライアンドエラーという姿勢を学んだ気がします。 見出し (Heading) [[<h1>大見出... 2020-04-19 00:16:45
HTML Base64エンコードで画像を表示 画像をテキストデータに変換してimgタグで表示させるサンプルです。 普通のimgタグでPNG画像を掲載する場合 [[<img src="/img/article/294/2020-04-18-181228.png">]] これはサーバにアップされた画像... 2020-04-18 18:12:02
HTML 背景に動画を流す HTMLとCSSでコンテンツの背景に動画を再生するサンプルです。 最近インターネット回線も早くなり、動画を背景にするサイトも増えてきました。 自分の場合、だいたい4Gで調子が良くて1秒間50MBくらいな体感なので、つまり... 2020-04-05 23:38:44
HTML コンテンツの表示・非表示 HTML5から追加されたタグでJavaScriptを使わないでコンテンツの表示・非表示を実装するサンプルです。 クリックすると隠れている要素を表示させるJSはよく実装します。 よくアコーディオンと呼ばれるUIですが、HTMLだけでも表現することが可能です。 なにも装... 2020-03-10 07:10:08
HTML 縦書きのふりがな 文字を縦書きにしたとき、ふりがな(ルビ)をつけるサンプルです。 ウェブでは主に文字は横書きが主流です。 横書きのときのふりがなのコーディングは別ページに記載しています。 猫ねこ を... 2020-01-05 22:07:04