HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTMLのheight属性とは？使い方と対応要素をわかりやすく解説

    HTMLのheight属性は、要素の高さを宣言するために使用される属性です。値は基本的にピクセル（px）単位で指定します。height属性の基本注意： HTML5以降では、高さを「%」（パーセント）で指定する方法のサポートが廃止されました。そのため、height属性には数値のみを指定します。height属性を持つ主なHTML要素は以下の通りです。canvasembediframeimginputobjectvideoこれらの要素に対してheight属性を設定することで、ページ上に表示される際の縦幅を明示的に制御できます。特に画像や動画などのメディア要素では、レイアウトの崩れを防ぎ、ページ読み込

  2. HTMLのhidden属性とは？要素を非表示にする方法とサンプルコード

    HTMLのhidden属性は、その属性が付与された要素が現時点ではドキュメントに関連していないこと、つまりユーザーに表示すべきではないことをブラウザへ伝えるための属性です。hidden属性が指定された要素は、画面上に表示されなくなります。 hidden属性は論理型（ブーリアン）の属性なので、「hidden」と記述するだけで機能します。また、JavaScriptから element.hidden = false のように値を操作することで、条件に応じて動的に表示・非表示を切り替えることも可能です。 それでは、hidden属性を使った具体例を見ていきましょう。次のサンプルでは、テキストボックスに

  3. HTMLのhigh属性とは？meter要素で高閾値を指定する方法を実例付きで解説

    HTMLのhigh属性は、<meter>要素（ゲージ）において「高い値」とみなされる上限の閾値を指定するために使用されます。max、min、lowなどの属性と組み合わせて使うことで、より正確で分かりやすいゲージ表示を実現できます。high属性の基本<meter>要素は、ディスク使用量や投票結果など、特定範囲内における測定値を視覚的に表現するための要素です。high属性を設定すると、その値以上の範囲が「高すぎる状態」としてブラウザに認識され、ゲージの色などが変化してユーザーに警告を促すことができます。min：測定範囲の最小値max：測定範囲の最大値low：「低い」とみなさ

  4. HTMLのid属性とは？基本ルールと実践的なサンプルコードを解説

    HTMLのid属性とはHTMLのid属性は、ページ内の特定の要素に一意の識別子（ユニークなID）を割り当てるための属性です。この識別子を利用することで、CSSによるスタイル適用や、JavaScriptによる要素の操作を、その要素だけに限定して行うことができます。重要なルールとして、1つのHTMLページ内で同じidを複数の要素に付けることはできません。idは必ずページ内で一意である必要があります。また、CSSやJavaScriptからidを参照する際には、先頭にハッシュ記号（#）を付けます。id属性の主な用途CSSでのスタイリング：「#id名」セレクタを使って、特定の要素のみにスタイルを適用でき

  5. HTMLのinput readonly属性とは?使い方とサンプルコードを解説

    HTMLのinput要素に設定できるreadonly属性は、入力フィールドの値をユーザーが編集できないようにするための属性です。readonlyを指定した入力欄は変更できませんが、値を選択してコピーすることは可能です。フォームで既定値を表示したい場合や、ユーザーに内容を確認させつつ修正はさせたくない場合に便利です。以下に、readonly属性を使用した具体的なサンプルコードを紹介します。サンプルコード<!DOCTYPE html> <html> <head> <title>Input Email readOnly</title> &l

  6. HTML input value属性とは？値の設定・取得方法をサンプルコードで解説

    HTML input value属性とは HTMLのinput要素におけるvalue属性は、フォーム部品の値を設定・取得するために使用される属性です。JavaScriptからは、このvalueプロパティを通じて、入力欄の現在の値を取得（return）したり、新しい値を動的に設定（set）したりすることができます。 value属性は、テキスト入力欄やURL入力欄、ボタンなどさまざまな種類のinput要素で利用でき、JavaScriptと組み合わせることで、ユーザーの操作に応じた動的なフォーム制御が可能になります。 input valueプロパティの基本構文 値を取得する場合： inputObj

  7. HTML isTrustedイベントプロパティとは？使い方とサンプルコードを解説

    HTMLのisTrustedイベントプロパティは、発生したイベントが「信頼された（trusted）」ものかどうかを示す真偽値（Boolean）を返します。つまり、そのイベントがユーザーによる本物の操作から生まれたものか、それともスクリプトによって生成されたものかを判別できます。 ポイント： イベントがJavaScriptなどのスクリプトから呼び出された場合は isTrusted は false を返し、ユーザーのクリックや入力といった実際の操作によって発生した場合は true を返します。 この性質を利用すると、ボットやスクリプトによる不正な自動クリックを検知し、ログイン処理などを保護するこ

  8. HTML DOM テーブルの createCaption() メソッドの使い方を解説

    HTML DOM のテーブルオブジェクトが持つ createCaption() メソッドは、空の <caption> 要素を新しく生成し、HTML 文書内のテーブルに追加するためのメソッドです。テーブルにタイトル(キャプション)を動的に付与したい場合に便利です。 構文 createCaption() メソッドの基本的な構文は以下のとおりです。 object.createCaption() 引数は不要で、呼び出すだけで対象のテーブルにキャプション要素が追加されます。すでにキャプションが存在する場合は、既存のキャプションが返されます。 createCaption() メソッドの使用例

  9. HTMLコメントの書き方を解説！単一行コメントと複数行コメントの基本

    HTMLコメントは、<!-- ... -->タグの間に記述します。このタグ内に書かれた内容はすべてコメントとして扱われ、ブラウザには完全に無視されるため、画面上には表示されません。 HTMLにおける単一行コメント HTMLでは、コードの説明やメモを残したいときにコメント機能を活用できます。まずは、単一行コメントの基本的な例を見てみましょう。 サンプルコード <!DOCTYPE html> <html> <head> <!-- ドキュメントヘッダーの開始 --> <title>これはドキュメントのタイトルです</tit

  10. HTML DOMアンカーのhostnameプロパティの使い方を解説

    HTML DOMのAnchor hostnameプロパティは、リンク先URLのうちホスト名（ドメイン名）のみを取得・設定するためのプロパティです。よく似たプロパティである「host」との違いは、ポート番号を含むかどうかという点にあります。host：ホスト名＋ポート番号を返す（例：www.demo.com:6064）hostname：ホスト名のみを返す（例：www.demo.com）hostnameプロパティを設定する構文hostnameプロパティに値を設定する場合は、以下のように記述します。anchorObj.hostname = hostname上記の「hostname」には、設定したいUR

  11. HTML DOM アンカーオブジェクトとは？<a>要素の操作方法を解説

    HTMLでは、<a>要素にhref属性を組み合わせることで、ハイパーリンクを作成します。この<a>要素をJavaScript側から表すものが「アンカーオブジェクト」です。 アンカーオブジェクトの基本 アンカーオブジェクトは、HTML文書内の<a>要素を表すオブジェクトです。document.getElementById()などのメソッドで要素を取得することで、hrefプロパティを使ってリンク先のURLを参照・変更したり、その他のプロパティやメソッドでリンクを動的に操作したりできます。 サンプルコード 以下の例では、ページ内の<a>要素にアクセスし

  12. HTMLフォームの作り方｜input要素の種類とフォームデザインの基礎

    HTMLフォームとは？ サイト訪問者からデータを収集したい場合、HTMLフォームが必要になります。たとえばユーザー登録の際には、名前・メールアドレス・クレジットカード情報などを入力してもらうことになりますよね。 フォームは訪問者からの入力を受け取り、CGI、ASPスクリプト、PHPスクリプトといったバックエンドアプリケーションへデータを送信（ポスト）します。バックエンド側では、アプリケーション内に定義されたビジネスロジックに基づいて、受け取ったデータに対して必要な処理が実行されます。 フォームの基本構文 HTMLでは<form>タグを使ってフォームを作成し、その中にinputや

  13. HTMLの<meta>タグとは？メタデータの設定方法と主な属性を解説

    HTMLの<meta>タグとはHTMLの<meta>要素は、ページの説明文（description）、キーワード、文書の作者名などのメタデータ（メタ情報）を記述するために使用します。メタデータはページ上には表示されませんが、検索エンジンやWebブラウザなどがページの内容を理解するために利用されます。<meta>タグは<head>要素内に記述する空要素で、終了タグは不要です。viewportの設定方法また、<meta>タグではviewport（ビューポート）を設定することも可能です。これにより、スマートフォンやタブレットなど、各デバイス

  14. 【初心者向け】HTMLのmeter要素「max属性」の使い方を解説

    HTMLのmeter要素におけるmax属性とは<meter>要素のmax属性は、計測範囲の上限値（最大値）を設定するために使用される属性です。<meter>要素は、水の不純物レベルのように、あらかじめ決まった範囲内のデータをゲージ形式で視覚的に表現するためのもので、min属性とmax属性を組み合わせることで、その計測範囲を定義します。構文（シンタックス）max属性の基本的な構文は以下のとおりです。<meter max=num>上記の「num」には浮動小数点数を指定します。この数値が<meter>要素の最大値として設定されます。関連属性のおさらい&

  15. HTMLのenctype属性とは？フォームデータのエンコード形式をわかりやすく解説

    HTMLのenctype属性は、フォームから送信されるデータのエンコード形式（MIMEタイプ）を指定するための属性です。この属性は、method=post を指定した場合にのみ有効となり、GETメソッドでは機能しません。enctype属性には、主に以下の3つの値を指定できます。enctype属性に指定できる値値説明application/x-www-form-urlencodedデフォルト値。すべての文字が送信前にエンコードされます（スペースは「+」記号に変換され、特殊文字はASCII HEX値に変換されます）。multipart/form-data文字をエンコードしません。ファイルアップロー

  16. HTMLエンティティとは？特殊文字の正しい書き方と一覧

    HTMLでは、一部の文字が構文（タグの宣言）のために予約されており、これらをテキストとしてそのまま使用すると、意図しないエラーや表示崩れの原因となります。たとえば、半角の「<」や「>」（不等号・山かっこ）を本文中にそのまま記述すると、ブラウザはそれをHTMLタグの一部として解釈してしまうため、正しく表示されません。このような予約文字や、キーボードから直接入力しにくい記号（©や€など）を安全に表示するために使われるのが「HTMLエンティティ」です。注意： エンティティ名は大文字・小文字が区別されるため、必ず表記どおりに正確に入力してください。エンティティの書き方（構文）HTMLエンテ

  17. HTMLのファイルパスとは？相対パスと絶対パスの違いと指定方法を解説

    ファイルパスとは？ ウェブサイトにおけるファイルパスとは、そのサイト内で目的のファイルがどこにあるかを示す「場所の情報」のことです。HTMLでは、画像・動画・スタイルシート・スクリプトなどの外部ファイルを読み込む際に、このパスをsrc属性などで指定します。 パスの指定方法には、主に次の2種類があります。 相対パス：現在のページの位置（カレントディレクトリ）を基準に、ファイルまでの道筋を指定する方法 絶対パス：ドメイン名を含む完全なURLで、ファイルの場所を直接指定する方法 書式（シンタックス） パスを指定する際の基本的な書き方は以下のとおりです。 1）相対パス src="ImgF

  18. HTMLのfor属性とは？label要素との紐付け方法を実例で解説

    HTMLのfor属性は、<label>要素を、for属性の値と同じidを持つ最初のラベル付け可能な要素（labelable要素）に結び付けるための属性です。ラベルとフォーム部品を関連付けることで、ユーザーがラベルをクリックした際に該当する入力欄へフォーカスが移動するなど、操作性やアクセシビリティが向上します。構文for属性の構文は以下のとおりです。1. for属性の値を取得する場合labelObject.htmlFor2. for属性の値を設定する場合labelObject.htmlFor = 対象要素のidJavaScriptからは<label>要素の htmlFor

  19. HTML属性とは？基本構文からol・textareaの実用例までわかりやすく解説

    HTML属性（attribute）は、画像やキャンバスの幅・高さのように、要素に対してプロパティを設定するために使用されます。すべての要素は属性を持つことができ、要素に関する追加情報をブラウザに伝える役割を果たします。属性は「名前」と「値」のペアで構成されます。以下はその基本的な例です。<canvas id="newCanvas" width="400" height="300">その他の属性の例も見てみましょう。<img alt="代替テキスト">HTML5の標準仕様では、属性値を引用符で

  20. HTMLの非推奨タグ一覧｜HTML5で廃止されたタグと代替手段を解説

    HTMLの非推奨タグとは？ HTML5の登場に伴い、HTML4で使用されていた多くのタグが「非推奨（deprecated）」または「廃止（obsolete）」とされました。これらのタグは現在のブラウザでも動作する場合がありますが、将来的な互換性の問題を避けるため、新しいプロジェクトでの使用は避けるべきです。 また、タグだけでなく、一部の属性も非推奨リストに追加されています。以下の表に、主な非推奨タグとその説明、そして代わりに利用できる要素やCSSプロパティをまとめました。 非推奨タグと代替手段の一覧 タグ説明代替手段 <applet>Javaアプレットをページに埋め込む&l

Total 2020 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:28/101  20-コンピューター/Page Goto:1 22 23 24 25 26 27 28 29 30 31 32 33 34