このカテゴリにはHTML(HyperText Markup Language)についての技術的な内容を記載しています。
HTMLでテキストの表記方向指定するタグ「bdo」
HTMLでbdoタグを利用すればテキストの表記方向を「左から右(ltr)」、「右から左(rtl)」と制御して表示することができます。
INPUTタグのTYPE、month、week、datetime-local、time、number、range、color、password
INPUTタグのTYPEにはmonth、week、datetime-local、time、number、range、color、passwordなど便利に使えるものが数多く準備されています。それぞれの使い方を実例で解説します。
HTML5のdetailsとsummaryタグで作る簡単アコーディオン
HTML5でアコーディオンを作れるdetailsタグとsummaryタグ。使い方は簡単でアコーディオンにしたい全体をdetailsタグを括って、閉じた時に見えるタイトルをsummaryタグで括って書くだけです。
HTML5でゲージを表示する方法-meterタグ-
HTML5でゲージを表示するにはmeterタグを利用すると簡単に表示することができます。
HTML5で進捗状況を表示する「プログレスバー(progress)」タグの使い方
よくWEBページなどでファイルをダウンロードしたり、何かの処理を待っている間に表示される「プログレスバー」ですが、HTML5では「progress」タグを利用することで簡単に実現できます。
HTMLではみ出した文字を表示しない方法
IEでもChromeでもHTMLでTABLEタグのTDからはみ出した文字を折り返えさずに消す方法です。横幅固定の列を作る際などに便利です。
入力中のテキストボックスの背景色を変える
Javascriptでブラウザー上で入力中のエリアをわかりやすくするためにフォーカスのあるテキストボックスの背景色を変えてみます。
disabledになっている値をサーバにPOSTする
HTMLでFORMに貼りつけた値をサーバのCGIにPOSTする際にその部品がdisabledになっているとサーバに送信されません。その解決方法です。
HTMLでブラウザ画面に印刷ボタン作成
HTMLで作成した画面をブラウザー表示し、その画面に印刷ボタンを設けて印刷できるようにします。
TABLEタグでセルサイズを同じにする
CSSのtable-layoutプロパティはテーブル(表)の列幅を自動レイアウト(auto)か、固定レイアウト(fixed)に設定します。
HTMLでツールチップ (Tooltip) を表示する方法(title属性)
ツールチップ (Tooltip)を表示する方法です。ツールチップ (Tooltip)は「title属性」で設定します。
ブラウザーのキャッシュを無効にする
表示速度の改善などに役立つブラウザーのキャッシュですが、処理によっては邪魔(データが変わっても表示は古いままなど)な場合があります。そんな時に該当ページのみキャッシュを無効にする方法です。
番号付きリスト(Ordered List)<ol>タグをネストして表示する
番号付きリスト(Ordered List)
- タグをネストして表示してみます
HTMLで上付き、下付きの文字を<sup></sup>、<sub></sub>タグを使って出力する
HTMLで上付き、下付きの文字を<sup></sup>、<sub></sub>タグを使って出力します。ギターのコード名などにも使えて便利です。
HTMLでハイライト表示を行う。markタグ
HTMLでハイライト表示を行うmarkタグです。記述内容を際立てたい場合に使います。
HTML- テキストを引用文として表示するblockquoteタグ
HTML- テキストを引用文として表示するblockquoteタグ
HTML- 順不同リスト表現するul、liタグ
HTML- 順不同リスト表現するul、liタグ
HTML-順序付きリストを表現するol、liタグ
HTML-順序付きリスト表現するol、liタグ
HTMLタグ一覧
HTML5を中心としたHTMLタグ一覧です。