TablesorterでHTMLの表をソート(並び替え)可能にする [ホームページ作成] All AboutTablesorterでHTMLの表をソート(並び替え)可能にするウェブ上に掲載された表形式のデータでも、Excelなどの表計算ソフトと同様に並び替え(ソート)機能が使えると便利です。jQuery(JavaScript)で作られたTablesorterスクリプトを使えば、table要素で記述されたHTMLの表に対してもソート機能を加えられます。Tablesorterの使い方と、オプションの書き方を解説。閲覧者が自由に並べ替えできるテーブルを作ってみましょう。
![TablesorterでHTMLの表をソート(並び替え)可能にする [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7dd4cd1dde65db6c38d7f226e1c72497bc2f3bc/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F4%2F2%2F6%2F0%2Ftopimg_large.png)
「ヱヴァンゲリヲン新劇場版：Q」 おい、すげーの発見したぞ！
254 名前：名無しが氏んでも代わりはいるもの :2012/11/20(火) 22:23:20.54 ID:??? おい、すげーの発見したぞ ＞-//W3C//DTD HTML 4.01 Transitional//EN 次回作は4.0でなく4.01？ 続きを読む
border－スタイルシートリファレンス
borderプロパティは、ボーダーのスタイル・太さ・色をまとめて指定する際に使用します。 スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。 borderプロパティでは、ボーダーのスタイル・太さ・色について上下左右バラバラの指定をすることはできません。 上下左右のボーダーを異なったものにする場合には、 border-top、 border-bottom、 border-left、 border-right、 または、 border-style、 border-width、 border-color、 で指定してください。 ■ボーダースタイルの値 none ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。 hidden ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重な
DOCTYPE－HTML5タグリファレンス
<!DOCTYPE html>は、文書がHTML5で作成されたものであることを宣言するために、 文書の先頭（<html>タグよりも上）に記述するDOCTYPE宣言（Document Type Definition、DTD、文書型宣言）です。 HTMLやXHTMLでは、バージョンごとに使用できる要素（タグ）や属性とそれらの配置ルールが定められていますが、 DOCTYPE宣言は、その文書がHTMLやXHTMLのどのバージョンで作成されているかを宣言するものです。 文書の先頭にDOCTYPE宣言を記述するということは、その文書で利用するHTMLやXHTMLのバージョンを宣言するということですから、 その文書内では、宣言したHTMLやXHTMLのバージョンで定められているルールを守ってソースを記述しなくてはなりません。 ■HTML4.01からHTML5へのバージョンアップによる変更点 HTML 4
ホームページ作成 - テーブルの枠線を重ねて実線風にする
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- table { border-collapse:collapse;} --> </style> </head> <body> <table border="1"> <tr><td>border="1"にて設定</td></tr> <tr><td>&
OpenBEXI HTML Builder
OpenBEXI is a WYSIWYG HTML builder using the magic of HTML5 and CSS3 . By resizing, dragging and dropping various HTML widgets it is easy to build a web page. All texts using the DOJO editor, pictures, charts, chart-flows, Dygraphs, timelines, lists and DOJO widgets edited on your browser look like the HTML page you are going to publish to your web site. OpenBEXI provides a powerful CSS and JavaSc
list-style-type－スタイルシートリファレンス
list-style-typeプロパティは、リストの先頭に表示するマーカー文字の種類を指定する際に使用します。 閲覧環境により、本来の仕様の通りに表示されない値もあるので注意してください。 尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。 ■使用例 HTMLソース <b>list-style-type: none</b> マーカーなし <ul style="list-style-type: none"> <li>いちご</li> <li>人参</li> <li>サンダル</li> </ul> <b>list-style-type: disc</b> 黒丸 <ul style="list-style-type: disc"> <li>いちご</li> <li>人参</li> <li>サン
HyperText Markup Language - Wikipedia
HTML[注釈 1]またはHyperText Markup Language（ハイパーテキスト マークアップ ランゲージ）[注釈 2]は、ハイパーテキストを記述するためのマークアップ言語の1つで、プログラミング言語ではない。主にWorld Wide Web（WWW）において、ウェブページを表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。 ティム・バーナーズ＝リーによってSGMLを元に開発された。1993年に最初のドラフトが公開され、最初期においてはIETFが、1996年以降はW3Cが、2019年以降はWHATWGが規格の策定、仕様公開を行なっている[3][4]。 特徴[編集] HTMLは木構造（入子構造）のマークアップ言語であ
HTMLタグ/フォームタグ/部品グループにラベルを付ける - TAG index
legend要素で、フォーム部品のグループにラベルを付けることができます。この要素はfieldset要素の中で使用します。 <legend>グループのラベル</legend> legend要素は、fieldset開始タグの直後に配置します。 <fieldset> <legend>グループのラベル</legend> ここにフォームの部品を配置 </fieldset> legend要素の前には、他の要素やテキストなどは入れないようにします。（改行などの空白文字を入れることは可能です） accesskey属性の指定 accesskey属性を使用することで、グループのラベルにアクセスキーを割り当てることができます。 <legend accesskey="u">グループのラベル（U）</legend> アクセスキーを割り当てておくと、キーボードの操作によって任意のグループを容易に選択できるようになり
グループ化 <FIELDSET> <LEGEND> - HTMLタグリファレンス/Tips
<FIELDSET>タグについて テキスト領域やチェックボックスなどのフォームの構成部品をグループ化します。入力や選択する項目が多い場合に用いられます。 <FIELDSET>〜</FIELDSET>内には<LEGEND>タグを含んでいる必要があります。 <LEGEND>タグについて <FIELDSET>タグで定義されたグループにタイトルや説明などをつけます。
フォームとアクセシビリティ -- ごく簡単なHTMLの説明
フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル（説明的な名前）を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次： コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素： label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール（テキストフィールドやメニューなど）は、name属性を持ちますが、それは送信データに名
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
W3C - アンサイクロペディア
W3C (ダブリュースリーシー) は米国はマサチューセッツに総本山を持つ国際宗教団体である。日本は慶應義塾大学内にアジア本部が設置されている他、欧州にも欧州本部が設置されている。 概要[編集] 歴史[編集] かつて、ウェブブラウザにはネットスケープ信者とインターネットエクスプローラ信者の二宗派に分かれており、血で血を洗う宗教戦争が各地で勃発していた(ブラウザ戦争)。この状況を悲観したティム・バーナーズ・リーが1994年10月1日に立ち上げた新興宗教団体がW3Cである。 W3Cは先ず手始めに既存宗派双方の教義の共通点を見出し、それをHTML 3.2と呼ばれる経典に表す事で「どちらも宗教としては同じものなのだから、W3C教団に入信しなさい」と信者を募った。その後独自の教義を多数取り入れたHTML 4.0(後にHTML 4.01に改訂)とその教義を実現するために用意した神器であるCSSを公開し、
W3C - アンサイクロペディア
W3C (ダブリュースリーシー) は米国はマサチューセッツに総本山を持つ国際宗教団体である。日本は慶應義塾大学内にアジア本部が設置されている他、欧州にも欧州本部が設置されている。 概要[編集] 歴史[編集] かつて、ウェブブラウザにはネットスケープ信者とインターネットエクスプローラ信者の二宗派に分かれており、血で血を洗う宗教戦争が各地で勃発していた(ブラウザ戦争)。この状況を悲観したティム・バーナーズ・リーが1994年10月1日に立ち上げた新興宗教団体がW3Cである。 W3Cは先ず手始めに既存宗派双方の教義の共通点を見出し、それをHTML 3.2と呼ばれる経典に表す事で「どちらも宗教としては同じものなのだから、W3C教団に入信しなさい」と信者を募った。その後独自の教義を多数取り入れたHTML 4.0(後にHTML 4.01に改訂)とその教義を実現するために用意した神器であるCSSを公開し、
HTMLタグ-リンクタグ-同じページ内にリンクする - TAG index
この旧方式では、リンクの到達点として使用できる要素はa要素のみとなります。これ以外の要素を到達点としたい場合は、id属性を使用して設定する方法を参考にしてください。 リンク先（到達点）の設定 まず、リンクの到達点となるa要素に、識別名を付けておきます。 以下の例では、abc という識別名を指定しています。 <a name="abc">ここがABCの位置</a> 同時にid属性を指定しておくことをお勧めします。この場合、name属性とid属性の値は同一である必要があります。 <a name="abc" id="abc">ここがABCの位置</a> リンク元（出発点）の設定 リンク元の href="" には、到達点の識別名をハッシュ（ # ）に続けて記述します。 <a href="#abc">ABCの位置へジャンプ</a> この abc という名前が、リンク元とリンク先を結びつけることになりま
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結
文字コード宣言は行いましょう(HTML) - Web標準普及プロジェクト
文字コード宣言は行いましょう(HTML) HTMLで日本語を使用する場合、そのファイルの保存方法が複数存在します。 それはいくつかのルールを使用して日本語を保存し、ブラウザがそのルールに則って読みとることで表示するためです。 このルールのことを文字の符号化方式と言います。 何故文字コードの宣言が必要なのか 保存する時の文字コードとブラウザが読みとる時に使う文字コードが違っていると文字化けが発生してしまいます。 これは一部の符号化方式を除き、そのファイルがどのような文字コードで保存されたものなのかをブラウザが判別できる確実な手段が無いために発生します。 しかし、そのHTMLファイルの作者がブラウザに対してどのような文字コードで保存したのかを明示することによってブラウザは確実に表示できるようになります。 それが文字コードの宣言です。文字コードは次のようにmetaタグを使って宣言します。 ISO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
http://www.stylish-style.com/csstec/basic/p-vertical.html
サービス終了のお知らせ