-
HTMLDOMオブジェクトの幅プロパティ
HTML DOM Object Widthプロパティは、オブジェクトの幅を設定または返すために使用されます。この幅はピクセル単位で設定されます。オブジェクトの幅を設定するための構文は次のとおりです- objObject.width 以下は、オブジェクトの幅を返す構文です- objObject.width = pixels 上記のピクセルは、オブジェクトの幅に設定された値です。 ここで、DOMオブジェクトの幅プロパティを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <obje
-
HTML<time>日時属性
要素のdatetime属性は、機械可読な日時を表示するために使用されます。 以下は構文です- <time datetime="YYYY-MM-DDThh:mm:ssTZD"> 上記の属性datetimeは、日時を表示します- YYYY -年 MM -月 DD -月の日 hh -時間 mm -分 ss -秒 TZD -タイムゾーン指定子 PTDHMSを設定することもできます- P -「期間」のプレフィックス D -「Days」のプレフィックス H -「時間」のプレフィックス M -「分」
-
HTMLキャンバスshadowColorプロパティ
HTMLキャンバスのshadowColorプロパティは、影の色を設定するために使用されます。デフォルト値は#000000です。 以下は構文です- ctx.shadowColor=color; 上で、影の色を設定します。 ここで、canvasのshadowColorプロパティを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="600" height="350"
-
HTML列属性
HTMLのcols属性は、要素と要素の両方に使用されます。 タグはHTML5でサポートされていないため、cols属性で作業します。 要素のcols属性は、textareaの幅を設定するために使用されます。 colsがそれを設定し、幅はtextarea自体の下に表示されます。 以下は構文です- <textarea cols="num"> 上記のnumは、テキストエリアの幅です。デフォルト値は20です。 要素-のcols属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> &l
-
HTMLcolspan属性
HTMLのcolspan属性は、セルがテーブル内でまたがる列の数を設定するために使用されます。 または要素でcolspan属性を使用します。 要素のcolspan属性 HTMLの要素のcolspan属性は、セルがまたがる列の数を定義します 以下は構文です- <td colspan="num"> 上記のnumは、セルがまたがる列の数です。 要素-のcolspan属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <head> <style> table, th, td { &n
-
HTMLコンテンツ属性
HTMLのcontent属性は、名前またはhttp-equivで値を表示するために使用されます。 要素に関連付けられています。 要素のcontent属性は、HTMLドキュメントにメタ情報を設定するために使用されます。これは、名前属性の説明またはキーワードの情報にすることができます。 以下は構文です- <meta content="text"> 上記のテキストはメタ情報です。 要素-のcontent属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <head> <meta nam
-
HTMLDOMアンカーhreflangプロパティ
HTML DOMアンカーのhreflangプロパティは、リンクのhreflang属性の値を設定または返すために使用されます。 以下は、hreflangプロパティを設定するための構文です- anchorObj.hreflang = language_code 上記のlanguage_codeは、リンクされたドキュメントの言語を表します。この言語コードの例には、英語の場合はen、ベンガル語の場合はbn、ヒンディー語の場合はhi、フランス語の場合はfr、ラテン語の場合はla、ロシア語の場合はruなどが含まれます。 以下は、hreflangプロパティを返す構文です- anchorObj.href
-
HTML<area>タイプ属性
要素のtype属性は、ターゲットURLのMIME(Multipurpose Internet Mail Extensions)タイプを設定します。以下は構文です- <area type="type_of_media"> 上記のtype_of_mediaは、リンクされたドキュメントの標準メディアタイプです。たとえば、image / bmp、image / tiff、image/tffなどです。 要素-のtype属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2&g
-
HTML<base>href属性
要素のhref属性は、すべての相対URLのベースURLを設定します。たとえば、ベースURLは https://example.com/tutorials / html、/ java、/jqueryなどのすべての相対URL 。、最終的には- https://example.com/tutorials/html https://example.com/tutorials/java https://example.com/tutorials/jquery 以下は構文です- <base href="absolute_URL"> 上記のabsolute_URLは、
-
HTML<button>タイプ属性
要素のtype属性は、ボタンのタイプを設定するために使用されます。以下は構文です- <button type="button|submit|reset"> 上記では、ボタン要素に設定されたさまざまなタイプを示しています。つまり、送信- ボタン: クリック可能なボタン 送信: 送信ボタン(フォームデータを送信) リセット: 初期値にリセットするためのリセットボタンです。 次に、ボタン要素のtype属性をHTMLで実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h
-
HTML<canvas>幅属性
要素のwidth属性は、キャンバスの幅をピクセル単位で設定するために使用されます。以下は構文です- <canvas width="pixels_val"> 上記のpixels_valは、ピクセル単位で設定された幅です。 要素-のwidth属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="400" height="200" style="bor
-
HTMLcontenteditable属性
HTMLのcontenteditable属性は、ブール値trueまたはfalseを使用してコンテンツを編集可能かどうかを設定するために使用されます。この属性はグローバル属性であるため、どの要素でも使用できます。 以下は構文です- <element contenteditable =”true|false”> 上記で、要素を編集可能にする場合はtrueに設定し、そうでない場合はfalseに設定します。 ここで、HTMLでcontenteditable属性を実装する例を見てみましょう- 例 <!DOCTYPE html> <html&g
-
HTMLのcurrentTargetイベントプロパティ
HTMLのcurrentTargetイベントプロパティは、イベントリスナーがイベントをトリガーした要素を取得するために使用されます。 以下は構文です- event.currentTarget currentTargetイベントプロパティを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>Get the element</h2> <p onclick="myFunction(event)">Click on this line to generate
-
HTMLキャンバスfillRect()メソッド
HTMLキャンバスのfillRect()メソッドは、Webページ上に塗りつぶされた長方形を作成するために使用されます。デフォルトの色は黒です。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- context.fillRect(p,q,width,height); 上記、 p :長方形の左上隅のx座標 q :長方形の左上隅のy座標 幅 :長方形の幅 高さ :長方形の高さ ここで、canvasのfillRect()
-
HTMLキャンバスfillStyleプロパティ
HTMLキャンバスのfillStyle()プロパティは、描画の色、グラデーション、またはパターンを設定するために使用されます。デフォルトは#000000です。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- ctx.fillStyle=color|gradient|pattern; 上記の値には、-が含まれます 色: CSSの色である図面の塗りつぶしの色。 グラデーション: 図面を塗りつぶす線形または放射状のグラデーション
-
HTML<textarea>読み取り専用属性
要素のreadonly属性は、textareaを読み取り専用として設定するために使用されます。読み取り専用に設定されている場合、訪問者はテキストエリアのテキストを変更できません。 ただし、訪問者はそのコンテンツをコピーできます。 以下は構文です- <textarea readonly> 要素-の読み取り専用属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Q1</p>
-
HTML<time>タグ
HTMLの要素は、Webページの日付と時刻を設定および表示するために使用されます。このタグはHTML5で導入されました。 以下は属性です- 日時 :表示される日時。 ここで、HTMLでタグを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>Schedule</h2> <p>Exams begins from next <time datetime="06-15">Saturday</time>.</p> &l
-
HTMLキャンバスrect()メソッド
HTMLキャンバスのrect()メソッドは、長方形を作成するために使用されます。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- context.fillRect(p,q,width,height); 上記、 p: 長方形の左上隅のx座標 q: 長方形の左上隅のy座標 幅: 長方形の幅 高さ: 長方形の高さ ここで、canvasのrect()メソッドを実装する例を見てみましょう- 例 <!DOCTYPE
-
onmouseoverプロパティを使用してWebページの背景色を変更する
onmouseoverプロパティを使用すると、マウスポインタを要素に移動したときにスクリプトを設定できます。背景色を変更するには、HTMLDOMbackgroundColorプロパティを使用します。 onmouseoverプロパティを実装し、背景色を変更する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <a onmouseover="document.body.style.backgroundColor =
-
HTMLチェック属性
HTMLのchecked属性は、ページの読み込み時に要素が事前に選択されるように設定するために使用されます。 これは、入力タイプのラジオとチェックボックスで機能します。 チェックボックスのチェックされた属性、つまり入力タイプのチェックボックスで作業してみましょう。以下は構文です- <input type=”checkbox” checked> 上記では、Webページの読み込み時にチェックボックスをオンにする必要があるため、チェックボックスをオンに設定しました。 要素-のchecked属性を実装する例を見てみましょう。 例 <!DOCTYPE ht