HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTMLで整形済みテキストを追加するには？preタグの使い方を解説

    HTMLの<pre>タグとはHTMLで整形済み（preformatted）のテキストを追加するには、<pre>タグを使用します。<pre>タグは、あらかじめ整形されたテキストをそのままの形で表示するための要素です。プログラムのソースコードなどをマークアップする場合には、<code>タグと組み合わせて使われることも一般的です。<pre>タグの表示特性ブラウザは通常、<pre>タグ内のテキストを等幅フォント（fixed-pitch font）で描画します。さらに、以下のような特徴があります。半角スペースなどの空白がそのまま保持

  2. HTMLで短い引用を表示するには？qタグの使い方を解説

    HTMLでは、文章中に短い引用（インライン引用）を挿入したい場合、<q>タグを使用します。<q>タグは、複数行にわたる長い引用ではなく、行内に収まる短い引用文を示すための要素です。多くのブラウザでは、<q>タグで囲まれたテキストは自動的に二重引用符（ ）で囲まれて表示されます。そのため、引用符を手動で入力する必要がなく、意味的にも正しいマークアップが可能になります。<q>タグで使える属性<q>タグは、以下の属性をサポートしています。属性値説明citeURL引用元がWeb上のコンテンツである場合、その出典URLを指定します。この属性の値

  3. HTMLでレイヤーを追加する方法と現代的な代替手法

    HTMLでレイヤーを追加するには、<layer>タグを使用します。このタグは、ページ内の要素を自由な位置に配置したり、スクリプトを使ってアニメーションさせたりするために用意されていました。レイヤーとは、メインのドキュメントの上に重ねられた独立したドキュメントのようなもので、すべてがひとつのウィンドウ内に存在するイメージです。<layer>タグの使用例以下のコードを実行すると、HTMLに複数のレイヤーを追加できます。<!DOCTYPE html> <html>   <head>    &

  4. HTMLでリソース参照を追加する方法をわかりやすく解説

    HTMLでリソース参照を追加するには？HTMLでリソース参照を追加するには、<link>タグを使用します。HTMLの<link>タグは、外部ドキュメントへのリンクを定義するための要素で、CSSファイルやファビコンなどの外部リソースを読み込む際によく使われます。このタグは、必ずドキュメントの<head>セクション内に配置してください。代表的な使い方としては、外部スタイルシートの読み込みが挙げられます。<link rel=stylesheet href=style.css><link>タグの主な属性一覧<link>タグで利用で

  5. HTMLでリストアイテムを追加する方法をわかりやすく解説

    HTMLでリストアイテムを追加するには？ HTMLでは、<li>タグを使用してリスト項目を追加します。このタグは、順序付きリスト（<ol>）、順序なしリスト（<ul>）、ディレクトリリスト、メニューリストなど、さまざまな種類のリスト内で使用できます。 <li>タグは、以下の追加属性をサポートしています。 属性値説明 type AaIi1discsquarecircle 非推奨 − リストの種類（マーカーのスタイル）を指定します value 数値 リスト項目の値を指定します サンプルコード 以下のコードを実行すると、HTMLでリ

  6. HTML5のmenuitemタグでポップアップメニューから呼び出せるコマンド・メニュー項目を作成する方法

    menuitemタグとは HTML5では、<menuitem>タグを使用することで、ユーザーがポップアップメニュー（コンテキストメニュー）から呼び出せるコマンドやメニュー項目を定義できます。<menu>タグの中に配置し、type属性に「context」を指定すると、要素上で右クリックした際に表示されるカスタムメニューとして機能します。 注意：<menuitem>タグは現在、主要ブラウザで非推奨（廃止）となっており、最新の環境では期待どおりに動作しない場合があります。実務ではJavaScriptなどによる代替実装が推奨されます。 menuitemタグの主な属性

  7. 【HTML5】ドキュメントのメインコンテンツを表示するには？mainタグの使い方を解説

    HTMLのmainタグとはHTMLの<main>タグは、ドキュメント内の主要なコンテンツ（メインコンテンツ）を示すためのHTML5セマンティック要素です。ページの中心となる内容を明確にマークアップすることで、検索エンジンやスクリーンリーダーなどの支援技術がページ構造を正しく理解しやすくなります。mainタグを使用する際のルールと注意点<main>タグは1ページにつき1回だけ使用できます。<article>、<aside>、<footer>、<header>、<nav>要素の子孫要素として配置することはできません

  8. HTMLで画像マップ（イメージマップ）を作成する方法を解説

    HTMLの画像マップとは？HTMLで画像マップ（イメージマップ）を追加するには、<map>タグを使用します。<map>タグは、<img>タグと組み合わせて使用することで、1枚の画像上に複数のクリック可能な領域（リンク領域）を定義できます。画像マップを使えば、1つの画像の中の特定の場所をクリックしたときに、それぞれ異なるリンク先へ移動させることが可能になります。例えば、地図画像の各都市をクリックして詳細ページへ飛ばす、といった使い方ができます。<map>タグの主な属性<map>タグで使用する属性は以下のとおりです。属性値説明nameun

  9. HTMLでメニューリストを追加する方法を解説

    HTMLでメニューリストを追加するには、<menu>タグを使用します。<menu>タグは、ツールバーやコマンドのリストなど、操作可能なメニューリストを作成するためのタグです。<menu>タグの主な属性<menu>タグでは、以下の属性を指定できます。属性値説明labeltextメニューに表示されるラベル（見出し）を指定します。typepopuptoolbarcontext表示するメニューの種類を指定します。popup（ポップアップメニュー）、toolbar（ツールバー）、context（コンテキストメニュー）から選択できます。注意：このタグはHTM

  10. HTMLドキュメントにメタデータを含める方法｜metaタグの属性と使い方を解説

    HTMLの<meta>タグは、HTMLドキュメントに関するメタデータ（文書情報）を宣言するために使用されます。メタデータはページのセクション内に記述し、検索エンジンやブラウザに対して文書の情報を伝える役割を果たします。 metaタグの主な属性一覧 metaタグで使用できる主な属性とその役割は以下の通りです。 属性値説明 name authordescriptionkeywordsgeneratorrevisedothers プロパティ（メタ情報）の名前を指定します。 content テキスト http-equiv属性またはname属性に関連付けるメタ情報を定義します。

  11. HTMLのmarkタグで参照用テキストを強調表示する方法

    HTMLの<mark>タグとはHTMLでは、<mark>タグを使用することで、参照の目的でテキストを強調表示できます。このタグは、別の文脈における関連性を示すためにハイライトされたテキストを表します。<mark>タグで囲まれた部分は、多くのブラウザでデフォルトのスタイルとして黄色い背景色で表示されます。例えば、引用文中の重要な箇所や、検索結果でユーザーが入力したキーワードを目立たせたい場合などに活用すると効果的です。使用例以下のコードを実行すると、参照用にテキストを強調表示する動作を確認できます。<!DOCTYPE html> <html&

  12. HTMLのmeterタグで既知の範囲内のスカラー測定値を定義する方法

    既知の範囲内におけるスカラー測定値を定義するには、HTMLの<meter>タグを使用します。<meter>タグは、ディスク使用量やアンケート結果など、ゲージ(計測値)として表現できる数値を示すのに適した要素です。<meter>タグの主な属性value：現在の測定値を指定します（必須）。min：範囲の最小値を指定します。max：範囲の最大値を指定します。low：「低い」とみなされる範囲の上限値を指定します。high：「高い」とみなされる範囲の下限値を指定します。optimum：最適とされる値を指定します。例以下のコードを実行すると、HTMLで<meter

  13. HTMLでフィールドセット（fieldset）を表示する方法

    HTMLの<fieldset>タグは、関連するフォーム要素をひとつのグループにまとめて表示するための要素です。<fieldset>タグと<legend>タグを組み合わせて使うことで、グループに見出しを付けることができ、ユーザーにとって格段に理解しやすいフォームを作成できます。 fieldsetタグの基本 <fieldset>タグで囲まれた要素は、デフォルトで細い枠線で囲まれて表示されます。また、直後の<legend>タグに記述したテキストは、その枠線上にグループの見出しとして表示されます。 特に項目が多い入力フォームでは、個人情報・配

  14. HTML5のfigure要素にfigcaptionタグでキャプションを追加する方法

    HTML5では、<figure>要素にキャプション（図の説明文）を付けるために、<figcaption>タグを使用します。<figcaption>は<figure>要素内に配置することで、画像や図表に対する説明を意味的に関連付けることができます。基本的な使い方<figure>要素の中に<img>などのコンテンツを配置し、その直後に<figcaption>でキャプションを記述します。以下のコード例を実行して、実際の表示を確認してみましょう。<!DOCTYPE html> <html>

  15. HTML5のfigureタグで自己完結型コンテンツを作成する方法

    HTML5では、<figure>タグを使用することで、画像や図表、コードスニペットなど、本文から独立した「自己完結型（セルフコンテインド）」のコンテンツを簡単に作成できます。このタグでマークアップされた要素は、文書の流れから切り離しても意味が通るように設計されているため、セマンティックなWebページ構築に役立ちます。 figureタグのポイント 画像・図表・動画・コードなど、単独で参照可能なコンテンツに適しています。 <figcaption>タグと組み合わせると、コンテンツにキャプション（説明文）を追加できます。 ブラウザの標準スタイルでは左右に余白が設定されるため

  16. HTMLのheadタグでドキュメント情報を含める方法

    headタグとはドキュメントに関する情報をHTMLに含めるには、<head>タグを使用します。HTMLの<head>タグは、HTMLドキュメントのヘッドセクション(head部)を示すためのもので、ページそのものに関するメタ情報を記述する領域です。重要なポイントとして、headタグ内に記述された内容はブラウザのウィンドウ上には表示されません。ただし、headタグの中で指定した<title>のテキストは、ブラウザのタブ部分に表示されます。headタグ内には、主に以下のような要素を配置します。ページのタイトル(<title>)文字コードや説明文などの指

  17. HTMLで斜体（イタリック）テキストを作成する方法

    HTMLのiタグとはHTMLの<i>タグは、テキストを斜体（イタリック体）で表示するために使用される要素です。映画や書籍のタイトル、専門用語など、周囲の文章と視覚的に区別したいテキストを表現する際に活用できます。斜体テキストの作成例以下のコードを実行すると、HTMLで斜体テキストを作成する方法を実際に確認できます。<!DOCTYPE html> <html>    <head>       <title>HTML i Tag</title>    <

  18. HTMLで水平線を引く方法：hrタグの基本と属性一覧

    HTMLの<hr>タグは「horizontal rule（水平罫線）」とも呼ばれ、ページ上に水平線を引くために使用されるタグです。文章の話題が変わる区切りや、セクションとセクションの間に視覚的な分割を入れたい場合に活用できます。 hrタグで使われていた主な属性 <hr>タグでは、かつて以下の属性がサポートされていました。ただし、これらはすべて非推奨（Deprecated）となっており、現在はスタイルの指定にCSSを使うことが推奨されています。 属性 値 説明 align leftrightcenter 非推奨 − 水平線の表示位置（左寄せ・右寄せ・中央揃

  19. HTML5でドキュメントやセクションのヘッダーを含める方法とは？

    HTML5では、<header>タグを使用してヘッダーを追加します。HTMLの<header>タグは、ドキュメント全体または特定のセクションにおけるヘッダー（導入部分）を定義するための要素です。<header>タグのポイント見出しタグ（h1〜h6）、ロゴ、検索フォーム、ナビゲーションへのリンクなどを含めるのが一般的です。1つのページ内に複数の<header>要素を配置することも可能です。<header>要素の中に、別の<header>要素や<footer>要素を入れることはできません。コード例以下のコードを実行

  20. HTMLの<keygen>タグとは？基本の使い方と属性一覧をわかりやすく解説

    HTMLの<keygen>タグとは HTMLの<keygen>タグは、証明書管理システムと連携してWebフォームを処理するために使用される要素です。この要素はセキュアなキーペアを生成し、そのうち公開鍵をサーバーへ送信します。秘密鍵はユーザーの環境側に保持される仕組みで、フォーム送信の認証や検証に活用されてきました。 注意：<keygen>要素はHTML5.2で廃止（非推奨）となり、現在の主要ブラウザではサポートが削除されています。新規の開発では使用せず、必要に応じてWeb Crypto APIなどのモダンな代替手段を採用してください。ただし、レガシーシステム

Total 2020 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:85/101  20-コンピューター/Page Goto:1 79 80 81 82 83 84 85 86 87 88 89 90 91