html cheat sheet quick guide html tags
この包括的なHTMLチートシートを参照して、一般的に使用されるさまざまなHTMLコーディングタグとコード例を確認してください。
チュートリアルを開始するとき、最初にHTML言語とは何かを理解し、さらにチュートリアルでは、さまざまなHTMLタグを見ていきます。ここでは、HTML5で使用されるタグのいくつかについても理解します。
それでは、始めて、最初にHTMLとは何かを理解しましょう。
学習内容:
HTMLとは
HTMLはハイパーテキストマークアップ言語の略です。これは、1991年にTim Berners-Leeによって発明されたマークアップ言語です。簡単に言えば、これはWebページのコンテンツがどのように表示されるかを説明する言語であると言えます。この目的のために、表示されるテキストが埋め込まれているタグを使用します。ブラウザはこれらのタグを解釈して、画面にテキストを表示します。
ヘルプデスク面接の質問と回答
HTMLには多くの改訂があり、利用可能な最新のものは2014年にリリースされたHTML5です。
HTMLチートシートとは
HTMLチートシートは、一般的に使用されるHTMLタグとその属性を一覧表示するクイックリファレンスガイドです。タグは通常、読みやすくするためにカテゴリごとにグループ化されています。
HTMLタグ
以下では、タグをさまざまなカテゴリにグループ化し、例とともに各カテゴリに分類されるタグについて学習します。
基本タグ
タグ | 目的 | ||
---|---|---|---|
.... | 書式設定済みテキスト (間隔、改行、フォントは保持されます) | HELLO Sam | HELLO Sam |
..。 | これは、HTMLドキュメントの親タグ(ルート要素)です。 HTMLコードブロック全体がこのタグに埋め込まれています | ||
..。 | このタグは、タイトルやスタイルシートへのリンク(存在する場合)など、ドキュメントに関する一般的な情報を提供します。この情報はWebページには表示されません。 | ||
..。 | 私のWebページ | ||
..。 | 私の最初のWebページ |
コードスニペット:
My Web Page My First Web Page
出力:
私のWebページ
(ブラウザのタイトルバーに表示されます)
私の最初のWebページ
(Webページのコンテンツとして表示されます)
メタ情報タグ
タグ | 目的 |
---|---|
| これは、WebサイトのベースURLを指定するために使用されます。 |
| 公開日、作者名などの情報が含まれています。 |
| Webページの外観に関連する情報が含まれています。 |
これは、主にスタイルシートなどの外部リンクを示すために使用されます。これは空のタグであり、属性のみが含まれています。 | |
…。 | Webページを動的にするためのコードスニペットを追加するために使用されます。 |
コードスニペット:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area
出力:
RashmiのWebページ
(ブラウザのタイトルバーに表示されます)
これはRashmiのWebページコンテンツエリアです
(Webページのコンテンツとして表示されます)
テキストフォーマットタグ
鬼ごっこ | 目的 | コードスニペット | 出力 |
---|---|---|---|
...。 | テキストを太字にします | こんにちは | こんにちは |
...。 | テキストを斜体にします | こんにちは | こんにちは |
...。 | テキストに下線を引く | こんにちは | こんにちは |
...。 | テキストを打ち消す | こんにちは | こんにちは |
...。 | テキストを太字にします (と同じ .. 鬼ごっこ) | こんにちは | こんにちは |
...。 | テキストを斜体にします (と同じ .. タグ) | こんにちは | こんにちは |
...。 | 見出しタグ-#1から6の範囲で指定できます | 一方、開始タグまたは終了タグは、HTMLタグと呼ばれるものです。 例: または Q#7)HTMLの2種類のタグは何ですか? 最高の無料のコンピュータスキャンと修復 回答: HTMLのPairedタグとUnpairedまたはSingularタグには2つのタイプのタグがあります。 ペアタグ– 名前が示すように、これらは2つのタグで構成されるタグです。 1つは開始タグと呼ばれ、もう1つは終了タグと呼ばれます。 例えば: 、 等 対になっていないタグ– これらのタグは単一のタグであり、開始タグのみがあり、終了タグはありません。 例えば: Q#8)コンテナタグと空のタグの違いは何ですか? 回答: コンテナタグ 開始タグの後にコンテンツと終了タグが続くタグです。 例えば: 、 空のタグ コンテンツや終了タグがないタグです。 例えば: Q#9)最大の見出しタグは何ですか? 回答: HTMLタグの最大の見出しタグです。Q#10)HTMLのselectタグとは何ですか? 回答: Atagは、ドロップダウンリストの作成に使用されます。これは、ユーザー入力が収集されるフォームで最も一般的に使用されます。以下は、タグの出力とともにコードスニペットです。また、このタグの一般的な属性も示しています。 コードスニペット: C ++の循環リンクリスト
出力: 結論この記事が、HTMLのチートシートとは何かを正確に理解するのに役立つことを願っています。目的は、頻繁に使用されるさまざまなHTMLタグのクイックリファレンスガイドを読者と共有することでした。 また、基本タグ、メタ情報タグ、テキストフォーマットタグ、フォーム、フレーム、リスト、画像、リンク、テーブル、および入力タグも確認しました。この記事では、SelectやButtonなどのFORMタグと一緒に一般的に使用されるいくつかのタグについても説明します。 HTML5で導入されたタグについても学びました。 タグごとに、タグとともに使用される最も一般的な属性について学習し、関連するコードと出力も確認しました。 推奨読書
^
|