HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTMLDOMHTMLオブジェクト

    HTMLオブジェクトは、HTMLドキュメントの要素を表します。 HTMLオブジェクトにアクセスする方法を見てみましょう- 構文 以下は構文です- document.getElementsByTagName(“HTML”) HTMLオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <style>    body{       text-align:center;    }    .

  2. HTMLDOMiFrameオブジェクト

    HTML DOM iframeオブジェクトは、HTMLドキュメントの要素を表します。 iframeオブジェクトを作成しましょう- 構文 以下は構文です- document.createElement(“IFRAME”); プロパティ 以下はiframeオブジェクトのプロパティです- プロパティ 説明 contentDocument iframeHTML要素によって生成されたドキュメントオブジェクトを返します。 contentWindow iframeHTML要素によって生成されたウィンドウオブジェクトを返します。 高

  3. HTMLDOM画像オブジェクト

    HTML DOMイメージオブジェクトは、HTMLドキュメントの要素を表します。 imgオブジェクトを作成しましょう- 構文 以下は構文です- document.createElement(“IMG”); プロパティ 画像オブジェクトのプロパティは次のとおりです- プロパティ 説明 alt 画像のHTML要素のalt属性の値を返し、変更します。 完了 ブラウザがHTMLWebページへの画像の読み込みを終了したかどうかを返します。 crossOrigin 画像のHTML要素のCROS設定を返し、変更します。 高

  4. HTMLDoctypes

    HTMLドキュメントを作成するときは常に、ドキュメントに最初に配置されるのはDoctypeです。 それはHTMLのバージョンについてウェブブラウザに伝えます、このページは書かれています。大文字と小文字は区別されません。 上部にDOCTYPEを表示する例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <title>Document Title comes here</title> </head> <body> <h1>    Demo Hea

  5. HTMLWebページにYouTubeビデオを追加する

    ビデオはYouTuvbeからWebページに簡単に移動できます。動画を埋め込むだけです。 まず、動画IDを取得します- ステップ1 ：ビデオに移動して右クリックします。 「オタクの統計」を選択- クリックすると、統計を表示する次のダイアログボックスが表示されます- 上にビデオIDがF6m0ghjadlwであることがわかります。次に、IDを使用して同じ動画を埋め込みます- 例 <!DOCTYPE html> <html> <head>    <title>Learn WordPress</title>

  6. HTMLDOMオブジェクトタイププロパティ

    HTML DOMオブジェクトタイププロパティは、オブジェクトのタイプ属性の値を設定または返すために使用されます。ただし、type属性は、オブジェクトのようなメディアタイプを設定するために使用されます。 タイププロパティを設定するための構文は次のとおりです- obj.type = type_of_media 上記のtype_of_mediaは、標準のメディアタイプです。たとえば、image / bmp、image / tiff、image/tffなどです。 タイププロパティを返す構文は次のとおりです- obj.type ここで、DOMオブジェクトタイププロパティを実装する例を見てみましょ

  7. HTMLDOMpaddingLeftプロパティ

    HTML DOM paddingLeftプロパティが返され、HTML要素に左パディングが追加されます。 構文 以下は構文です- 1.左のパディングを返す object.style.paddingLeft 2.左パディングを追加する object.style.paddingLeft=”value” 値 ここで、「値」は次のようになります- 値 詳細 長さ 長さの単位で値のパディングを定義します。 初期 パディングをデフォルト値に定義します。 継承 このパディングでは、親要素から継承されます。 パーセンテージ（％

  8. HTMLDOMidプロパティ

    HTML DOM idプロパティが返され、HTML要素のIDを設定できるようになります。 構文 以下は構文です- 1.IDを返す object.id 2.IDの設定 object.id=”value” ここでは、「値 」は要素のIDを表します。 例 idプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    p{       background-color:#347924;    

  9. HTMLDOMinnerHTMLプロパティ

    HTML DOMのinnerHTMLプロパティが返され、要素の内部HTMLを変更できるようになります。内側のHTMLはコンテンツです。 構文 以下は構文です- 1.innerHTMLを返す object.innerHTML 2.内部HTMLの設定 object.innerHTML=”value” ここでは、「値 」は、コンテンツまたはネストされたHTML要素を表します。 例 innerHTMLプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>  

  10. HTMLDOMinnerTextプロパティ

    HTML DOMのinnerTextプロパティが返され、HTML要素の内部テキストコンテンツを変更できるようになります。 構文 以下は構文です- 1.内部テキストを返す object.innerText 2.内部テキストの設定 object.innerText=”text” 例 innerTextプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    body{       text-align:cente

  11. HTMLDOM入力ボタンタイププロパティ

    HTML DOM入力ボタンタイププロパティは、入力ボタンのタイプ、つまり「ボタン」、「送信」、「リセット」のいずれのタイプであるかを返します。 構文 以下は構文です- object.type 例 入力ボタンタイプのプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM type Property</title> <style>    body{       text-align:center; &nb

  12. HTMLDOM入力ボタンの値のプロパティ

    HTML DOM valueプロパティは、入力ボタンのvalue属性の内容を返し、変更します。 構文 以下は構文です- 1.戻り値 object.value 2.値の変更 object.value=”text” 例 値プロパティの例を見てみましょう <!DOCTYPE html> <html> <head> <title>HTML DOM value Property</title> <style>    body{       text-a

  13. HTMLDOM入力ボタン名プロパティ

    HTML DOM nameプロパティは、HTMLの入力ボタンのname属性の値を返し、変更します。 構文 以下は構文です- 1.名前を返す object.name 2.名前の変更 object.name=”text” ここでは、「テキスト 」は入力ボタンの新しい名前を表します。 例 名前プロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM name Property</title> <style>   &nb

  14. HTMLキャンバスstroke（）メソッド

    HTMLキャンバスのstroke（）メソッドを使用して、パスを描画します。このパスは、moveTo（）およびlineTo（）メソッドを使用して描画されます。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- ctx.stroke() ここで、canvasのstroke（）メソッドを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <canvas

  15. HTMLDOMアドレスオブジェクト

    アドレスオブジェクトを使用して、要素を表します。 −を作成する例を見てみましょう 例 <!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <p>Create address element</p> <button onclick="display()">Display</button> <script>    function display() {     &nb

  16. HTMLキャンバスshadowOffsetYプロパティ

    HTMLキャンバスのshadowOffsetYプロパティは、シェイプからのシャドウの垂直距離を設定するために使用されます。 要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- context.shadowOffsetY=num; ここで、numはピクセル単位の垂直距離を表します。 ここで、canvasのshadowOffsetYプロパティを実装する例を見てみましょう- 例 <!DOCTYPE html> <ht

  17. HTML<optgroup> 無効属性

    のdisabled属性は、オプショングループを無効にするために使用されます。その後、オプショングループはクリックできなくなります。以下は構文です- <optgroup disabled> 要素-のdisabled属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Water Levels</h2> <p>Impurity Level <meter min="0" low="50" high="95&

  18. HTMLDOMスタイルのlineHeightプロパティ

    HTML DOMスタイルのlineHeightプロパティは、テキスト内の行間の距離である行の高さを設定するために使用されます。 以下は、lineHeightプロパティを設定するための構文です- object.style.lineHeight 以下は、lineHeightプロパティを返す構文です- object.style.lineHeight = "normal|number|length|%|initial|inherit" 上記の値は以下のとおりです- 通常： 通常の線の高さ。デフォルト。 番号： 数値に現在のフォントサイズを掛けて、行の高さを設定します

  19. HTMLキャンバスshadowBlurプロパティ

    HTMLキャンバスのshadowBlurプロパティは、シャドウのぼかしレベルを設定するために使用されます。デフォルト値は0です。要素を使用すると、JavaScriptを使用してWebページにグラフィックを描画できます。すべてのキャンバスには、キャンバスの高さと幅を表す2つの要素があります。つまり、それぞれ高さと幅です。 以下は構文です- ctx.shadowBlur=num; 上記の数字は、影のぼかしレベルを表しています。 ここで、canvasのshadowBlurプロパティを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <

  20. HTML<textarea>必須属性

    HTMLの要素の必須属性は、フォームを送信する前にこのtextareaフィールドに入力する必要があることを訪問者に通知するために使用されます。訪問者が必要な属性で設定されたテキストエリアに入力せずに[送信]をクリックすると、フォームは送信されません。 以下は構文です- <textarea required> 要素-の必須属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form action="&q

Total 2062 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:63/104  20-コンピューター/Page Goto:1 57 58 59 60 61 62 63 64 65 66 67 68 69