-
HTML<a>href属性
href属性は、リンク、つまりページのURLを設定するために使用されます。 構文 以下は構文です- <a href="URL"> 上記のURLは、言及する必要のあるURLであり、相対リンク、絶対リンク、スクリプト、プロトコルなどがあります。 例 要素-のhref属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Learning is Fun</h2> <p> Learn the concepts of <a href=&quo
-
HTML<colgroup> タグ
タグは、テーブル内の1つまたは複数の列のグループです。すべての列のスタイルを設定します。 以下は、タグ-の属性です。 スパン −列グループがスパンする必要がある列の数はspan属性で設定されます 例 タグ-を実装する例を見てみましょう。 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid black; } </style> </head&
-
HTML<data>タグ
HTMLのタグは、現在のコンテンツを翻訳して機械可読に設定するために使用されます。 構文 以下は構文です- <data value=””> 上記の値は、コンテンツの機械可読形式を設定します。 例 タグ-を実装する例を見てみましょう <!DOCTYPE html> <html> <body> <h2>Subjects covered in Schools</h2> <p>Associating the subject name with number:</p> <u
-
HTMLDOM入力リセットフォームプロパティ
HTML DOM入力リセットフォームプロパティは、指定されたリセットボタンを含むフォーム参照を返すために使用されます。リセットボタンがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力リセットフォームプロパティの構文です。 resetObject.form 例 入力リセットフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input reset form Property</h1> <form id="
-
HTMLブロックとインライン要素
ブロック要素 ブロック要素は、前後に改行があるかのように画面に表示されます。それらはまた、利用可能な幅全体を占めます。ブロック要素には、から、、、、<!DOCTYPE html> <html> <body> <h2>Coding Ground</h2> <h3>Compilers for Programming Languages and Web Technologies</h3> <p>Click on the individual links to work on online compile
-
HTMLCanvasの基本
Webページにキャンバスを描画するには、HTML5キャンバス要素を使用します。 要素を使用すると、JavaScriptを使用してグラフィックを描画できます。キャンバスを使用して、線、長方形、ベジェ曲線などを描画します。 すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 これに伴い、以下のコードスニペットに示すように、canvasのIDも設定する必要があります- <canvas id = "newCanvas" width = "100" height = "100">
-
HTML<input>無効属性
要素のdisabled属性は、要素を無効にするために使用されます。要素を無効にすると、クリックできなくなります。明らかな理由により、無効にされた入力要素は送信されません。 構文 以下は構文です- <input disabled> 要素-のdisabled属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Details</h2> <form> <p>These are the new details...</p> <fie
-
HTML<ins>タグ
HTMLのタグは、新しいコンテンツ、更新された価格など、追加されたテキストを表示するために使用されます。 タグの属性は次のとおりです- 引用 −新しいテキストがいつ追加されたかを示すURL 日時 −テキストが挿入された日時。 例 ここで、HTMLで要素を実装する例を見てみましょう- <!DOCTYPE html> <html> <body> <h2>Player Details with Reporting Time</h2> <form> <p>These are the <ins>de
-
属性のHTML<label>
要素のfor属性は、要素にラベルを設定するために使用されます。 構文 以下は構文です- <label for="id"> 上記のidは、関連付けられた要素IDです。 例 要素-のfor属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Last Semester Results</h2> <form> <fieldset> <legend>Result</legend> <label for=
-
HTMLのIDとクラスの違い
HTML DOMでは、idとclassの両方が要素セレクターであり、これらのパラメーターに割り当てられた名前に基づいて要素を識別するために使用されます。 IdとClassの重要な違いは次のとおりです。 Sr。いいえ。 キー ID クラス 1 構文 要素IDのHtmlでは、名前は「#」記号で始まり、その後に一意の名前が割り当てられます。 一方、要素に割り当てられたクラスの名前は「。」で始まります。その後にクラス名が続きます。 2 セレクター 要素にアタッチできるIDセレクターは1つだけです。 複数のクラスセレクターを要素にアタッチできます。 3 一意性
-
HTML<凡例>タグ
HTMLのタグは、要素のキャプションを設定するために使用されます。フィールドセットの役割は、ボタン、入力、ラジオなどの要素をグループ化するために使用されます。 構文 以下は構文です- <fieldset> <legend> Set caption </legend> </fieldset> 例 タグ-を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form> <fie
-
HTML<meter>min属性
要素のmin属性は、の下限を設定するために使用されます。ただし、要素は、水の不純物レベルなどの特定の範囲でデータを測定するために使用され、minおよびmax属性を使用して設定されます。 構文 明らかな理由により、最小値は最大値よりも小さくなっています。デフォルトは0です。構文は次のとおりです- <meter min="num"> 上記の数値は、要素のmin属性を設定する浮動小数点の数値です。 例 要素-のmin属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2&g
-
HTML<オプション>無効属性
要素のdisabled属性は、オプションのリストからdisabledオプションを設定するために使用されます。その後、無効にしたオプションはクリックできなくなります。 構文 以下は構文です- <option disabled> 例 要素-のdisabled属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Impurity level of Water</h2> <p>Impurity Level <meter min="0" lo
-
HTMLDOM入力範囲の最小プロパティ
HTML DOM入力範囲の最小プロパティは、範囲スライダーコントロールの最小属性値を設定または返すために使用されます。この属性は、スライダーコントロールの最小値を示すために使用され、スライダーが移動できる値の範囲を作成するためにminプロパティとともに使用されることがよくあります。 構文 以下は、-の構文です。 Rangeminプロパティの設定- rangeObject.min = number ここで、数字は最小スライダー制御値を表します。 例 入力範囲の最小プロパティの例を見てみましょう- <!DOCTYPE html> <html> <bo
-
HTMLDOM入力範囲名プロパティ
HTML DOM入力範囲名プロパティは、入力範囲フィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するためのフォーム要素を参照することもできます。 構文 以下は、-の構文です。 名前プロパティの設定- rangeObject.name = name 例 ここで、nameはレンジスライダーコントロール名を指定するためのものです。 範囲名プロパティの例を見てみましょう- <!DOCTYPE html> <html> <
-
HTMLDOM入力範囲オブジェクト
HTML DOM入力範囲オブジェクトは、「範囲」タイプの要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、タイプ範囲の入力要素を作成してアクセスできます。 プロパティ 以下は、入力範囲オブジェクトのプロパティです- Sr.No プロパティと説明 1 オートコンプリート 範囲コントロールのオートコンプリート属性値を設定または返すこと。 2 オートフォーカス ページが読み込まれたときに範囲スライダーコントロールが自動的にフォーカスを取得するかどうかを設定または戻すには
-
HTMLDOM入力範囲ステッププロパティ
HTML DOM入力範囲ステッププロパティは、スライダーコントロールステップ属性値を設定または返すために使用されます。スライダーが各動きでどれだけ動くかを指定します。 stepプロパティでmax属性とmin属性を使用することで、有効な値の範囲を定義できます。 構文 以下は、-の構文です。 ステッププロパティの設定- rangeObject.step=number ここで、numberはスライダーコントロールの移動サイズを指定します。これのデフォルト値は1です。 例 入力範囲ステッププロパティの例を見てみましょう- <!DOCTYPE html> <html> &
-
HTML DOM入力範囲stepDown()メソッド
HTML DOM入力範囲stepDown()メソッドは、スライダーコントロール値を指定された数だけデクリメントするために使用されます。空白のままにすると、1ずつデクリメントされます。step属性が指定されている場合、stepdown()メソッドはその倍数でデクリメントします。例:step =” 20”の場合、stepDown(2)は20 * 2=40だけデクリメントします 構文 Range stepDown()メソッドの構文は次のとおりです- rangeObject.stepDown(number) ここで、numberは、スライダーコントロールのデクリメント値を指定するための必須パラメー
-
HTML DOM入力範囲stepUp()メソッド
HTML DOM入力範囲stepUp()メソッドは、スライダーコントロール値を指定された数だけインクリメントするために使用されます。空白のままにすると、1ずつインクリメントされます。step属性が指定されている場合、stepUp()メソッドはその倍数でインクリメントします。例:step =” 20”の場合、stepUp(2)は20 * 2=40ずつ増加します 構文 Range stepUp()メソッドの構文は次のとおりです- rangeObject.stepUp(number) ここで、numberは、スライダーコントロールの増分値を指定するための必須パラメーターです。空白のままにすると、
-
HTMLDOM入力範囲タイププロパティ
HTML DOM入力範囲typeプロパティは、type =” range”を持つinput要素に関連付けられています。入力範囲要素の範囲を常に返します。 構文 範囲タイププロパティの構文は次のとおりです- rangeObject.type 例 範囲タイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input range type Property</h1> <form> VOLUME <input type="range" id=&qu