HTML

a abbr address area article aside audio b base bdo blockquote body br button canvas caption charset cite clear code col colgroup command datalist date dd del details dfn div dl DOCTYPE download dt em embed fieldset figcaption figure file footer form getItem h head header hr href html i iframe img input ins kbd keygen label lang legend li link localStorage main map mark max menu meta meter min month nav noscript object ol onClick optgroup option output p param placeholder pre progress q range rel rp rt ruby s samp script section select setItem small source span strong style sub summary sup table tbody td textarea tfoot th thead time title tr ul var video viewport wbr week

• 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

• HTML 横書きのふりがな
• 文字の上にふりがな（ルビ）を付けたいときに使えるrubyタグのサンプルです。 漢字の読み方を記述するときにふりがなを使います。 HTMLではふりがな用のタグが用意されてます。 ふりがなは概ねのブラウザで横書きの上に配置されます。...
• 2019-12-28 23:05:25

• OGPタグ
• 記事をシェアする時のOGPタグについてのメモ書きです。 サイト作成する際にページがシェアされることを想定します。 その際、ページの情報を要約を指定してあげたいときに使うのがOGPタグです。 呼ばれ方は「OG...
• 2019-10-29 16:02:04

• HTML 幅やズームのviewportの設定
• viewportの設定のデバイスに対してコンテンツの幅やズーム操作をどう扱うか設定をするサンプルです。 HTMLのmeta情報にviewportというコンテンツをデバイスに対してどう扱うか設定する機能があります。 [[<meta name="viewport" content="wid...
• 2019-10-29 15:35:35