HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. プロジェクトでのセマンティックHTMLの使用：入門書

    開発者として考慮しなければならないことの1つは、Webサイトを利用するためにスクリーンリーダーが必要なユーザーがサイトにアクセスできるようにする方法です。 HTMLは、マークアップでセマンティック要素の使用を提供することにより、その取り組みを支援します。この記事では、Web開発で使用する一般的なセマンティック要素のいくつかについて説明します。 セマンティックHTML 「セマンティックHTML」の意味を説明する場合、「セマンティック」という単語の定義に直接進むことができます。 Merriam-Websterによると、セマンティクスは意味または記号の意味の研究です。したがって、セマンティッ

  2. HTML画像サイズ

    HTML画像サイズは、画像の高さと幅を指します。それらは、HTML属性としてにリストされています。 要素。設定方法は次のとおりです。 構文 <img>の幅と高さの属性を設定するための構文 タグは次のとおりです： <img src=<name of website> alt=<alt tag> height=<in px> width=<in px> /> これがどのように機能するかを示すコードスニペットです。 <!DOCTYPE html> <html> <head>

  3. HTMLドロップダウン

    HTMLの知識を広げるにつれ、私たちが検討し始める必要のある多くのことの1つは、私たちが作成するものが私たちのページを使用する人々の体験にどのように影響するかです。私たちが見なければならないことの1つは、Webページの構成がエクスペリエンスをどのように変えるかということです。乱雑すぎるページは、クライアントがページに留まり、サイトにいる間に意図したことを完了することを決定するかどうかに間違いなく影響します。 サイトでフォームを整理する方法の1つは、ラジオボタンの入力またはチェックボックスを独自のドロップダウンにネストして、ユーザーがリストをスクロールして1つのオプションを見つけることがで

  4. HTMLテキストフォーマットの強調：太字、斜体、および下線

    テキストをHTMLでフォーマットして、何かに注意を向ける方法はたくさんあります。この投稿では、HTMLのテキストを太字、斜体、または下線付きにフォーマットする方法について説明します。すぐにフォーマットのプロになります！ 太字 テキストを太字に設定する HTML5より前のHTMLでは、太字にしたいテキストを<b>で囲む必要がありました。 タグ： <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content=wi

  5. ブートストラップボタン

    ボタン要素は、ユーザーがページを操作できるようにするという意味で、より便利なハイパーテキストマークアップ言語（HTML）要素の1つです。 ログイン、サブスクライブ、削除または何かを開く、メニューの表示、カラーテーマの変更は、ボタンを使用して実行されるアクションです。 デフォルトのブラウザボタンのスタイルは見栄えがよくなく、決して現代的でもありません。 すべてのプロジェクトでスタイルをカスタマイズすることにより、同じコードを何度も繰り返して同じ結果を得ることができます。 繰り返しになりますが、Bootstrapは私たちを勇気づけます。ブートストラップボタンで何ができるか見てみま

  6. ブートストラップを使用してドロップダウンメニューを作成する方法

    シンプルな1ページのポートフォリオウェブサイト、大企業向けのモノリシックアプリ、ブログ、フォーラムのいずれを作成する場合でも、ドロップダウンメニューが必要になる可能性があります。 ドロップダウンメニューは、リンクやアクションがたくさんあるが、それらを一度に表示するのに十分なスペースがページ上にない場合に特に便利です。 通常、ドロップダウンには少しのJavaScriptが必要です。 まだ学習を開始していない場合、または簡単な解決策が必要な場合は、Bootstrapが最適です。 ブートストラップとは何ですか？ おそらく何度もこの言葉が飛び交うのを聞いたことがあるでしょうが、Bo

  7. HTMLを使用して新しいタブでリンクを開く方法

    ユーザーをサードパーティのWebページに誘導する場合、デフォルトの動作では、リンクは同じタブ内のそのページに直接移動します。サードパーティの外部リンクを新しいタブで開いて、ページに簡単に戻ることができるようにすることで、ユーザーをページにとどめることができます。この記事では、その方法について説明します。 構文 <a href=https://placekitten.com/1000/1000 target=_blank rel=noopener noreferrer>Click to See a Kitten!</a> この特定の機能は簡単です。ターゲット属性を追加し

  8. HTMLで引用符を使用するためのガイド

    ソースを引用したり、HTMLの周囲のテキストから引用を識別したりする方法はいくつかあります。今日は、HTML引用要素について説明します： 、 、 、 、 および 。それぞれに独自のユースケースがあります。それぞれを識別し、マークアップでの使用方法を示します。 ブロッククォート elementは、複数行の長い引用テキストに使用されます。この要素は、引用自体を周囲の段落やその他のHTML要素と区別するために使用されます。特定の有名な劇作家の独り言を使用したこの例を見てください。 <html> <head> <style> bo

  9. HTMLのスペースの種類を区別する

    HTMLでは、スペースを作成する必要がある場合がありますが、スペースバーを使用してスペースを作成するほど簡単ではありません。これは、行またはタブに複数のスペースが必要な場合に特に当てはまります。HTMLは、これらの複数のスペースを1つのスペースに折りたたむ傾向があります。ここでHTMLエンティティが登場します。この記事では、さまざまなサイズのスペースを作成できるさまざまなHTMLエンティティについて説明します。 HTML要素で使用できるスペースには、主に4つのタイプがあります。シンスペース、ノーブレークスペース、enスペース、およびemスペースです。以下のコードエディタは、4つのタイプの

  10. HTMLリダイレクトを実行する方法

    Webトラフィックを新しいサイトにリダイレクトする必要がある場合があります。通常はバックエンドを介してリダイレクトを実行する方法は複数ありますが、この記事では、HTMLでクライアント側のリダイレクトを使用してリダイレクトする方法について説明します。 このリダイレクトは、HTMLドキュメントの先頭のメタタグで行われます。このリダイレクトの構文により、ブラウザが新しいWebページにリダイレクトする前に遅延させることができます。 このリダイレクトの構文は次のとおりです。 <head> <meta http-equiv=refresh content=<

  11. HTMLカラープロパティをコーディングするための4つのヒント

    Webのコーディングは、雑なことになる可能性があります。多くの場合、行きたい場所にたどり着く方法はたくさんありますが、そのうちのいくつかは他の方法よりも効率的または効果的かもしれません。さらに、一部のソリューションはすべての条件下で機能しない場合があります。優れたWebサイトと優れたWebサイトの違いは、アプローチの選択に依存する可能性があり、これがHTMLカラーコーディングほど明白な場所はありません。 HTMLカラープロパティのコーディングはストレスの多い試練になる可能性があり、どのように進めるかを決めるのに苦労する可能性があります。 ただし、HTMLカラープロパティのコーディングは脳

  12. HTMLテキストエリア：ステップバイステップガイド

    HTML textareaタグは、フォームに複数行のテキスト入力フィールドを作成するために使用されます。 <textarea>で定義されます タグを付けて、無制限の数の文字を保持できます。 HTMLでフォームを作成するときに、長いテキスト文字列を受け入れることを決定する場合があります。たとえば、小売業者のWebサイトの顧客連絡フォームを作成する場合、顧客が直面している問題の詳細な説明を受け入れるフォーム要素を作成することができます。 ここで、HTMLの<textarea> タグが入ります。<textarea> elementは、複数行のテキスト編集機

  13. HTMLボタン：ステップバイステップガイド

    HTMLボタンタグは、HTMLフォーム内にクリック可能なボタンを作成するために使用されます。これにより、ユーザーはフォームで情報をWebサイトに送信できます。ボタンのスタイルはCSSで制御できます。 ウェブページでフォームを作成するときは、ユーザーがフォームを送信できるように、クリック可能なボタンを作成する必要があります。たとえば、eコマースサイトに、ユーザーから配達情報を収集する注文フォームがあるとします。ユーザーがフォームに入力すると、クリックして情報を送信するためのボタンが表示されます。 ここでHTML タグが入ります。ボタンタグはHTMLで使用され、HTMLフォーム内にクリ

  14. HTMLフォームの作成方法：ガイド

    HTMLフォームは、テキストフィールド、ドロップダウン、チェックボックスなどを使用してユーザーからデータを収集します。 HTMLのフォームはで囲まれています タグを付けてを使用します タグを使用して要素を作成します。 HTMLフォームは、ユーザーがWebサイトまたはWebアプリケーションと対話する方法を提供します。 Webフォームを使用すると、ユーザーはデータを送信して、Webサイトまたはサーバーで処理および保存できます。 HTMLでフォームを作成するにはどうすればよいですか？これが、このチュートリアルで答える質問です。 このチュートリアルでは、例を使用して、HTMLフォー

  15. HTMLテーブル：ステップバイステップガイド

    HTMLテーブルは、行と列に表示されるデータのセットです。 HTMLテーブルを作成するには、を使用します 要素。使用できます 行を作成するには 列を作成し、 テーブルヘッダーを作成します。 表は、行と列を使用してデータをわかりやすく表示するために使用されます。バスがいつ到着するかを示すバスの時刻表から、私たちが食べる食べ物の材料のテーブルまで、私たちは毎日テーブルに遭遇します。 HTMLでは、データを表示する方法としてテーブルが使用されます。このチュートリアルでは、例を使用して、HTMLテーブルの基本、複数の列と行にまたがるセル、およびテーブルのスタイル設定方法に

  16. HTMLリスト：ステップバイステップガイド

    HTMLリストタグは、Webページにリストを作成するために使用されます。順序付きリスト、順序なしリスト、説明リストの3種類のリストを作成できます。 Webページを作成するときは、適切な形式のリストとして情報を表示することをお勧めします。たとえば、リスト形式で表示したい学生名の名簿がある場合や、リストとしてフォーマットしたい一連のブログ投稿がある場合があります。 HTMLで 、リストを作成できる組み込み関数があります。このチュートリアルでは、HTMLについて説明します。 リストの種類とそれらをWebページに実装する方法。 HTMLリストタイプ HTMLには3種類のリストがあります 、お

  17. ビデオHTMLの埋め込み：ステップバイステップガイド

    次の関数を使用して、HTMLドキュメントにビデオを埋め込むことができます。 、 、および 。それぞれ動作が異なり、それぞれがを使用します。 src 目的の動画のURLを指す属性。 Webページを作成するときに、ドキュメントにビデオを埋め込むことを決定する場合があります。たとえば、ケーキを焼く方法についてのチュートリアルを作成し、レシピの横に動画を含めることができます。 HTMLドキュメントにビデオを埋め込む方法はいくつかあります。このガイドでは、これらの HTMLを使用して動画を埋め込むことができる3つの方法について説明します。 関数： を使用する 、 を使用 、お

  18. 太字のテキストHTMLを作成する方法

    HTMLで太字のテキストを作成するには、を使用できます。 <b> タグ、 <strong> タグ、またはCSSのフォントの太さ。 Webページをデザインするときは、特定のテキストを強調したい場合があります。 たとえば、新しいテクノロジーの使用方法に関する説明のリストがあり、ユーザーが読むのに特に重要なセキュリティ通知があるとします。ユーザーが説明を読んでいるときに通知を見逃さないように、その通知を強調することをお勧めします。 HTMLで 、コーダーが特定のテキストを太字にすることを可能にする組み込み関数があります。このチュートリアルでは、HTMLでテキストを

  19. HTML属性のステップバイステップガイド

    HTML属性は、HTML要素の追加のプロパティを定義します。これらはHTML要素の開始タグで指定され、一部の要素は機能するために属性を必要とします。 HTML属性とは何ですか、またそれらをどのように使用しますか？ HTMLを学習しているときに、attributesという用語に出くわすことがあります。 。属性は、HTMLページの特定の要素に関する追加情報を提供するために使用されます。 属性はHTMLドキュメントの開始タグで指定され、通常は名前と値のペアで指定されます。たとえば、nameという属性 値がvalue 次のように表示されます：name =value 。 このチュートリアルでは

  20. HTMLスペースタグの追加

    HTMLを作成する場合、スペースバーを押したときに作成された追加のスペースは、ブラウザでテキストがレンダリングされたときに表示されないことに気付くでしょう。 例： <p>April is the cruelest month,</p> <p>April is the cruelest month,</p> 最初のタグでは、各単語の間にスペースが1つだけあります。ただし、2番目のタグでは、各単語の間に3つのスペースがあります。とにかく、各行は同じ方法でWebページにレンダリングされます。 April is the cruel

Total 2062 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:104/104  20-コンピューター/Page Goto:1 98 99 100 101 102 103 104