-
HTMLで再生速度が変わるたびにスクリプトを実行しますか?
onratechangeを使用する HTMLのHTMLで再生速度が変化するたびにスクリプトを実行する属性。 例 次のコードを実行して、 onratechangeを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <video id = "myid" width = "320" height = "176" controls onratechange = "displa
-
リンクされたドキュメントの言語をHTMLで設定します
hreflangを使用する リンクされたドキュメントの言語をHTMLで設定するための属性。 例 次のコードを実行して、 hreflangを実装してみてください。 属性- <!DOCTYPE html> <html> <head> <title>HTML hreflang attribute</title> </head> <body> <p>
-
HTMLのコンテンツ属性の情報のHTTPヘッダーを取得します
http-を使用する equiv HTMLのコンテンツ属性の情報のHTTPヘッダーを取得するための属性。 例 次のコードを実行してhttpを実装してみてください。 - equiv 属性- <html> <head> <title>HTML http-equiv attribute</title> <meta name = "keywords" content = "HTML, meta tag,
-
HTMLの要素でマウスボタンが押されたときにスクリプトを実行しますか?
onmousedownを使用する 要素上でマウスボタンが押されたときにスクリプトを実行するためのHTMLの属性。 例 次のコードを実行して、 onmousedownを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <h3 id = "myid" onmousedown = "mouseDown()" onmouseup = "mouseUp()">
-
要素がHTMLでフォーカスを取得したときにスクリプトを実行しますか?
onfocusを使用する 要素がHTMLでフォーカスを取得したときにスクリプトを実行する属性。 例 次のコードを実行して、 onfocusを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <p>Enter subject name below,</p> Subject: <input type = "text" id = "sname"
-
<big>がHTML5タグリストにないのに、<small>が含まれているのはなぜですか?
HTML 4.01とは異なり、HTML5はタグをサポートしていません。 を使用すると、テキストのフォントサイズがブラウザの最小フォントサイズまで1サイズ小さくなります。たとえば、フォントサイズが大きいテキストでタグを使用すると、フォントサイズが中程度になります。 HTML5では、この要素はサイドコメントと小さな印刷物を表すために再利用されます。また、HTMLのグローバル属性とイベント属性もサポートしています 逆に、タグを使用すると、テキストは実際のテキストのフォントサイズよりも1サイズ大きく表示されます。このタグはHTML5の一部ではありませんが、使用されている場合、一部のブラウザは引き続きこ
-
HTMLとCSSを使用して、テキストと選択ボックスを同じ幅に揃えます
CSSで要素の幅と高さを設定すると、要素が実際のサイズよりも大きく表示されることがよくあります。これは、デフォルトでは、要素の幅と高さにパディングと境界線が追加されてから、要素が表示されるためです。 ボックスサイズ設定プロパティには、要素が実際のサイズより大きく表示されないように、要素のパディングと境界線が実際の幅と高さで含まれています。このプロパティを使用する形式は「box-sizing:box-border」です。 例 次のコードを実行して、テキストを揃え、ボックスを同じ幅に選択することができます- <html> <head>
-
あるHTML5キャンバスのコンテンツを別のキャンバスにローカルにコピーするにはどうすればよいですか?
drawImage()メソッドは、キャンバスに画像、キャンバス、およびビデオを描画するために使用されます。また、画像の一部を描画したり、画像サイズを拡大または縮小したりすることもできます。 例 例を見てみましょう- //context grabbed from your destination canvas ctx = destinationCanvas.getContext('2d'); //drawImage() called passing the source canvas directly dCtx.drawImage(sourceCanvas, 0, 0);
-
HTML5で透明なキャンバスを作成するにはどうすればよいですか?
globalAlpha プロパティは、描画の透明度の値を返します。このプロパティの値1.0は透明度を指定せず、このプロパティの値0.0は完全な透明度を指定します。したがって、globalAlphaプロパティを0.0に設定すると、透明なキャンバスを取得できます。 例 次のコードを実行して、透明なキャンバスを作成することができます- <!DOCTYPE html> <html> <body> <canvas id = "idCanvas" width = "
-
HTMLでAndroidのクロムプルダウンから更新機能を無効にします。
これまでフローメニューに表示されていなかった更新ボタンは、Chromeのプルダウンから更新機能に置き換えられました。ただし、一部のユーザーはアプリケーションでこの機能を必要としません。 body { // disables pull-to-refresh // allows overscroll glow effects overscroll-behavior-y: contain; } CSSのoverscrollbehaviorプロパティは、pulltorefreshアクションを無効にします。上記のコードでは、チャットボックスデモのアニ
-
HTMLで要素のタイプを設定するにはどうすればよいですか?
タイプを使用 要素のタイプを設定するには、HTMLで属性を指定します。 タグについて学びましょう。タグはタイプを使用してユーザー入力を取得するのに役立ちます 属性。この属性は、テキスト入力、チェックボックス、ラジオなどのフォーム要素で使用されます。 例 次のコードを実行してタイプを実装してみてください。 属性- <!DOCTYPE html> <html> <head> <title>HTML Forms</title> </head&
-
HTMLでのバッファリングを一時停止せずに、ファイルを最後まで再生できるときにスクリプトを実行しますか?
oncanplaythroughを使用する HTMLでのバッファリングを一時停止せずに、ファイルを最後まで再生できるときにスクリプトを実行する属性。 例 次のコードを実行して、 oncanplaythroughを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <video id = "myVideo" width = "400" height = "200" controls
-
HTMLで要素の値を追加するにはどうすればよいですか?
値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <head> <title>HTML value attribute</title> </head> &nbs
-
テキストの折り返しをHTML形式で設定します
ラップを使用 HTMLでテキストの折り返しを設定する属性。次のコードを実行して、 wrapを実装してみてください。 属性- 例 <!DOCTYPE html> <html> <body> <form action = ""> <textarea rows = "2" cols = "12" name = "details" w
-
HTMLでクライアント側の画像マップとして画像を指定するにはどうすればよいですか?
usemapを使用 HTMLでクライアント側の画像マップとして画像を指定する属性。次のコードを実行して、 usemapを実装してみてください。 属性- 例 <!DOCTYPE html> <html> <head> <title>HTML map Tag</title> </head> <body> <img src = "/image
-
ドキュメントがHTMLで印刷された後にスクリプトを実行しますか?
HTMLをonafterprintで使用する ドキュメントが印刷された後、または印刷された後にスクリプトを実行するための属性。 例 次のコードを実行して、 onafterprintを実装してみてください。 属性- <!DOCTYPE html> <html> <body onafterprint = "display()"> <script> function display() {
-
ブラウザがHTMLでメディアデータを取得しているときにスクリプトを実行しますか?
onprogressを使用する ブラウザがHTMLでメディアデータを取得しているときにスクリプトを実行するための属性。 例 次のコードを実行して、 onprogressを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <video id = "myVideo" width = "320" height = "176" controls onprogress = "d
-
HTML5でコンテキストメニューがトリガーされたときにスクリプトを実行しますか?
コンテキストメニューを使用する HTML5の属性で、コンテキストメニューが表示されたときにスクリプトを実行します。ユーザーが右クリックすると、コンテキストメニューが生成されます。 例 次のコードを実行して、コンテキストメニューを実装してみてください。 属性- <!Doctype html> <html> <head> <title>HTML menuitem Tag</title> </head> &l
-
要素がHTMLでクリックされているときにスクリプトを実行しますか?
onclickを使用します 要素がHTMLでクリックされたときにスクリプトを実行する属性。 例 次のコードを実行して、 onclickを実装してみてください。 属性- <!DOCTYPE html> <html> <body> <button onclick = "display()">Click</button> <p id = "test"></p> &n
-
リンク先のページのURLをHTMLで指定するにはどうすればよいですか?
hrefを使用する リンク先のページのURLをHTMLで指定する属性。 例 次のコードを実行してhrefを実装してみてください。 属性- <!DOCTYPE html> <html> <head> <title>HTML href attribute</title> </head> <body> <figure><img src =