htmlの属性 - とほほのWWW入門
HTMLのタグには color=red や size=5 などの 属性(attribute) を指定することができます。color の部分を 属性名、red の部分を 属性値 と呼びます。 <font color=red size=5>～</font> 大半の属性は「属性名=属性値」の形式ですが、<audio> の autoplay 属性の様に属性名のみを記述するものもあります。 <audio autoplay src="..."></audio> 属性名は大文字でも小文字でも構いません。属性値も多くの場合、大文字でも小文字でも構いませんが、たまに、大文字・小文字を区別する場合(target="_top" の _top など)がありますので、注意してください。 ○ <a href="xxx.html" target="_top">～</A> ○ <A HREF="xxx.html" TAR
とほほのBootstrap 4入門 - フレックス - とほほのWWW入門
<div class="d-flex"> <div class="my-box w-25">Flex 1</div> <div class="my-box w-25">Flex 2</div> <div class="my-box w-25">Flex 3</div> </div> .flex-row や .flex-column はフレックスアイテムを並べる方向を制御します。 .flex-row : 左から右方向 .flex-{breakpoint}-row : 左から右方向 .flex-row-reverse : 右から左方向 .flex-{breakpoint}-row-reverse : 右から左方向 .flex-column : 上から下方向 .flex-{breakpoint}-column : 上から下方向 .flex-column-reverse : 下から上方向 .fle
とほほのGo言語入門 - とほほのWWW入門
Google が開発したプログラミング言語です。「Go言語」や「Golang」と表記されます。 UNIX、B言語(C言語の元)、UTF-8の開発者ケン・トンプソンや、UNIX、Plan 9、UTF-8の開発者ロブ・パイクによって設計されました。 静的型付け、メモリ安全性、ガベージコレクションを備えるコンパイル言語です。 シンプル、高速、メモリ効率が良い、メモリ破壊が無い、並行処理が得意などの特徴を備えています。 メモリ破壊が無く、並行処理を得意とする、進化したC言語という側面があります。 Linux、Mac OS X、Windows、Android、iOS で動作します。 おおよそ半年に一度バージョンアップを行っているようです。このページは Go 1.14 をターゲットに記述しています。 Go 1.18 2022年3月15日 速度改善、ジェネリクス、ファジングテストツール、ワークスペースモ
JSON入門 - とほほのWWW入門
JavaScript Object Notation の略です。 RFC7158 と ECMA-404 1st edition では若干仕様の差異がありましたが、2017年12月に仕様の統一が行われ、RFC 8259, IETF STD 90, ECMA-404 2nd edition で再規定されました。 MIMEタイプは application/json。拡張子は .json。 JavaScript のデータ定義文をベースとした、簡易的なデータ定義言語です。 JavaScript だけではなく、Java, PHP, Ruby, Python など、様々な言語間のデータ交換、特に Ajax や REST API などで使用されています。 これまでは、共通データ定義言語として XML が利用されてきましたが、現在では、簡易的な JSON が利用されるケースが増えてきています。 子要素がひと
HTML5 - Indexed Database API - とほほのWWW入門
サンプルでは、DBの作成、データの追加、データの1件参照、データの全件参照、DBの削除を実装しています。Firefox 12, Chrome 19 で、動作を確認しています。 Indexed Database API Sample <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Indexed Database API Sample</title> <style> #message { margin: 1em; padding: 1em; border: 1px solid gray; font: 9pt Courier; white-space: pre; } </style> <script> var ver = 201205201; var indexedDB = window.indexedDB || wind
とほほのAngularJS入門 - とほほのWWW入門
AngularJS と Angular は別物です。バージョン 1.x を AngularJS、2.0 以降を Angular と呼びますが、根本から作り直しているので互換性はありません。AngularJS は 1.8.x で開発を停止しており、2021年12月31日にサポートも停止されました。現在は拡張LTS (XLTS) のフェーズにはいっています。(2022/1/2追記) AngularJS は、下記の様な特徴を持つ JavaScript フレームワークのひとつです。 Google社とコミュニティが開発するJavaScriptフレームワーク ライセンスはMIT License。オープンソース。商用利用可能。 今現在(2015年8月15日)の最新版は 1.4.4。 JavaScriptでクライアントサイドのMVC(Model-View-Controller)モデルを実現します。 これま
name=name - 名前指定 - とほほのWWW入門
id=id と同様、この属性を指定したタグで囲まれたエレメントに name で指定した名前をつけます。name は半角文字のみを用い、日本語は使用しないほうが無難なようです。 <a href="..."> でリンクジャンプする際、通常はページの先頭にジャンプしますが、<a name="name"> で名前をつけておき、<a href="filename#name"> でジャンプすると、名前をつけた場所(ページの途中)に直接ジャンプすることができるようになります。(→ <A>) <html> <head> <title>テスト</title> </head> <body> <h1>目次</h1> <ul> <li><a href="#gaiyou">概要</a> <li><a href="#siyourei">使用例</a> </ul> <h1><a name="gaiyou">概要</a>
<a> - リンクする - とほほのWWW入門
href=url LS/H2/e2/Ch1/Fx1/Sa1/Op1/i1 リンクをクリックした時のジャンプのアドレス(URL)を指定します。他にも、mailto: による電子メールの送信指定や、javascript: による JavaScript 実行にも利用されます。 target=target LS/H5/H4T/e3/Ch1/Fx1/Sa1/Op ページを表示するターゲットを指定します。ターゲット には、<frame> や >iframe> の name 属性で指定したフレーム名や、下記の特殊名を指定します。特殊名は大文字・小文字が区別されます。 _top フレーム分割されている・いないに関わらずトップフレーム _blank 新規ウィンドウ(新規フレーム) _self 自分自身のウィンドウ(フレーム) _parent 親フレーム download=filename LS/H5/Ch1
<colgroup> - テーブルのカラム設定 - とほほのWWW入門
形式 <colgroup>～</colgroup> サポート LS / H4 / e3 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ 該当無し 親要素 table要素 (caption要素よりも後ろ、thead, tbody, tfoot要素よりも前) 子要素 span属性有りの場合: 無し(Empty) span属性無しの場合: 0個以上の col または template要素 タグの省略 開始タグ: colgroup 要素配下が col 要素で始まる場合、および、終了タグが省略された colgroup 要素の直後で無い場合は省略可能。 終了タグ: ASCII ホワイトスペースやコメントが直後に続かない場合は省略可能。 属性 グローバル属性 span colgroup は COLumn GROUP の略です。テーブルのカラム(列)グループに対して、スタイルシートで横
<label> - ラベル - とほほのWWW入門
形式 <label>～</label> サポート LS / H4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ フローコンテンツ フレージングコンテンツ インタラクティブコンテンツ パルパブルコンテンツ フォーム関連要素 (HTML 5.2) 親要素 フレージングコンテンツ を子要素に持てるもの 子要素 フレージングコンテンツ。ただし、ラベルコントロールではないラベル付け化可能要素や、label 要素を子孫に持たない。 タグの省略 開始タグ:必須 / 終了タグ:必須 属性 グローバル属性 for <label> は、フォームの中で、フォーム部品とラベルを関係付けるために用います。ラベルを明示することにより、ブラウザでラベルをクリックした時や、ラベルのアクセスキーを押した時に、その部品をクリックしたのと同じ動作をさせることができるようになります。
ウィンドウ（Window） - とほほのWWW入門
自分自身のウィンドウオブジェクト（ウィンドウやフレームの総称）を示します。<script>～</script> の間では window. を省略することができ、下記の window.top や window.parent は単に top や parent と記述することができます。 self は自分自身、top はフレーム分割の際のトップ、parent はフレーム分割のひとつ親の、name はその名前を持つウィンドウ（フレーム）オブジェクトを示します。例えば下記の例では、mokuji フレームから見た main フレームの名前は window.top.main または window.parent.main となります。
文字列（String） - とほほのWWW入門
JavaScriptでは、文字列をダブルクォーテーション（"）またはシングルクォーテーション（'）で囲んで表現します。
とほほのJava入門 - とほほのWWW入門
とほほのJava入門 [戻る] 索引 Javaとは Javaとは Javaの歴史（Java, Java 2） Javaのエディション（J2SE, J2EE, J2ME） Javaの配布形態（JRE, SDK） はじめてみよう JDKをインストールする 環境を設定する テスト用フォルダを作成する Javaアプリケーションのサンプル（HelloWorld） 文法 コメント（//, /* */, /** */） キーワード リテラル プリミティブ型（boolean, byte, char, short, int, long, float, double） 値を返さない型（void） 演算子 キャスト 制御構文 もし（if） 繰り返し（for） 繰り返し（while） 繰り返し（do while） 分岐（switch） 処理を抜ける（break） 処理を繰り返す（continue） ジャンプ（go
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
とほほのBootstrap 4入門 - リストグループ - とほほのWWW入門
<caption> - テーブルの見出し - とほほのWWW入門
メール - とほほのWWW入門
tabindex=n - タブ順序制御 - とほほのWWW入門
Javascriptのロケーション（Location）