HTML 要素 (タグ) とその使用法

HTML 要素 (タグ) とその使用法

a : ハイパーリンクの開始位置または宛先位置を示します。

頭字語: 単語の最初の文字からなる略語を示します。

address : 住所、署名、作成者、文書情報などの特定の情報を表します。

アプレット: 実行可能なコンテンツをページ上に配置します。

area : クライアント側イメージ マップ内のハイパーリンク領域の形状、座標、および関連する URL を定義します。

b : テキストを太字で表示することを指定します。

base : 画像やスタイルシートなどの外部ソースへのリンクや参照を解決するために使用される明示的な URL を指定します。

basefont : テキストを表示するときにデフォルトのフォントとして使用される基本フォント値を設定します。

bdo : 選択したテキストフラグメントに対して双方向ルールを無効にできるようにします。

bgsound : ページにバックグラウンド サウンドまたはダビングを有効にします。

big : 含まれるテキストを現在のフォントより少し大きいフォントで表示することを指定します。

blockquote : テキスト内の引用箇所を示します。

body : ドキュメント本体の開始と終了を示します。

br : 改行を挿入します。

button : HTML がボタンとして表示されるコンテナーを指定します。

キャプション: 表のタイトル、表の簡単な説明。

center : 指定されたテキストと画像を中央に配置します。

cite : 引用を示すには斜体を使用します。

code : コード例を示します。

col : 列に基づいてテーブルのデフォルトのプロパティを記述します。

colgroup : テーブル内の列または列のグループのデフォルトのプロパティを指定します。

comment : 非表示のコメントを示します。含まれるテキストまたは HTML ソース コードがブラウザーによって解析および表示されることを防ぎます。

dd : 定義リスト内の定義を示します。定義は通常、定義リスト内でインデントされて表示されます。

del : テキストがドキュメントから削除されたことを示します。

dfn : 用語の定義を表します。

dir : ディレクトリのリストを示します。

div : HTMLを表示できる領域を表す

dl : 定義リストを表します。

dt : 定義リスト内の定義用語を示します。

em : 強調されたテキスト。通常は斜体で表示されます。

埋め込み: あらゆるタイプのドキュメントの埋め込みを許可します。

fieldset : フィールドセットに含まれるテキストやその他の要素の周囲にボックスを描画します。

font : 含まれるテキストの新しいフォント、サイズ、および色を指定します。

form : 含まれるコントロールがフォームの一部であることを示します。

frame : FRAMESET 要素内の単一のフレームを表します。

frameset : 複数のフレームとネストされたフレーム セットを整理するために使用されるフレーム セットを表します。

head : ドキュメントに関する情報の順序付けられていないコレクションを提供します。

hn : テキストを見出しスタイルで表示します。

hr : 水平線を描きます。

html : ドキュメントに HTML 要素が含まれていることを示します。

i : テキストを斜体で表示することを指定します。

iframe : インラインフローティングフレームを作成します。

img : ドキュメントに画像またはビデオクリップを埋め込みます。

入力: さまざまなフォーム入力コントロールを作成します。

input type=button : ボタンコントロールを作成します。

input type=checkbox : チェックボックスコントロールを作成します。

input type=file : テキスト ボックスと参照ボタンを含むファイル アップロード コントロールを作成します。

input type=hidden : クライアント/サーバーのやり取りに関するステータス情報を送信します。

input type=image : クリックするとすぐにフォームが送信される画像コントロールを作成します。

input type=password : INPUT type=text コントロールに似た 1 行のテキスト入力コントロールを作成しますが、ユーザー入力は表示されません。

input type=radio : ラジオ ボタン コントロールを作成します。

input type=reset : クリックするとフォームコントロールを初期値にリセットするボタンを作成します。

input type=submit : クリックするとフォームを送信するボタンを作成します。

input type=text : 単一行のテキスト入力コントロールを作成します。

ins : ドキュメントに挿入されたテキストを示します。

isindex : ブラウザにダイアログ ボックスが表示され、ユーザーに 1 行のテキストを入力するよう促します。

kbd : 固定幅フォントでテキストを表示します。

label : ページ上の他の要素にラベルを割り当てます。

legend : fieldSet オブジェクトによって描画されたボックス内にタイトルを挿入します。

li : リスト内の項目を表します。

link : 現在のドキュメントが外部ドキュメントとリンクを確立できるようにします。

リスト: 固定幅フォントでテキストを表示します。

map : クライアント側のイメージマップの座標データが含まれます。

marqueee : スクロールするテキストマーキーを作成します。

メニュー: 順序なしリストを作成します。

meta : ドキュメントに関する隠し情報をサーバーとクライアントに伝えます。

nobr : 改行なしでテキストを表示します。

noframes : FRAMESET 要素をサポートしていないブラウザ用の HTML が含まれます。

noscript : スクリプトをサポートしていないブラウザで表示する HTML を指定します。

object : HTML ページにオブジェクトを挿入します。

ol : ソートされたリストをコンパイルします。

optgroup : 作成者が select 要素内のオプションを論理的にグループ化できるようにします。

option : SELECT 要素内のオプションを表します。

p : 段落を示します。

param : APPLET、EMBED、または OBJECT 要素の属性の初期値を設定します。

pre : テキストを固定幅フォントで表示します。

q : 引用文を本文から分離します。

s : 取り消し線付きのテキストを表示します。

samp : コードサンプルを示します。

script : スクリプト エンジンによって解釈されるページ内のスクリプトを指定します。

select : リスト ボックスまたはドロップダウン ボックスを表します。

small : 囲まれたテキストを現在のフォントよりわずかに小さいフォントで表示することを指定します。

span : インラインテキストコンテナーを指定します。

strike : 取り消し線付きのテキストを表示します。

strong : テキストを太字で表示します。

style : ページのスタイルシートを指定します。

sub : 含まれるテキストを現在のフォントよりわずかに小さい下付き文字形式で表示することを示します。

sup : 含まれるテキストを現在のフォントよりわずかに小さい上付き文字形式で表示することを示します。

: 説明の内容は行と列を持つ表に整理されます。

tbody : どの行がテーブルの本体として機能するかを指定します。

td : テーブル内のセルを指定します。

textarea : 複数行のテキスト入力コントロール。

tfoot : どの行をテーブルフッターとして使用するかを指定します。

th : ヘッダー列を指定します。ヘッダー列はセルの中央に配置され、太字で表示されます。

thead : テーブル ヘッダーとして使用する行を指定します。

title : ドキュメントのタイトル。

tr : テーブル内の行を指定します。

tt : テキストを固定幅フォントで表示します。

u : テキストを下線付きで表示します。

ul : 順序なしの項目リストを表します。

var : プログラム変数を定義します。通常は斜体で表示されます。

wbr : NOBR テキストのブロックにソフト改行を挿入します。

<<:  CSS を使用して等アスペクト比のアダプティブ コンテナを実装する方法

>>:  Golang を使って Docker API を実際に操作する

推薦する

JavaScript の useRef と useState の紹介

目次1. useStateフック2. useRefフック3. useRef と useState 4...

MySQLデータの挿入、更新、削除の詳細

目次1. 挿入2. 更新3. 削除1. 挿入 顧客に挿入( 顧客.顧客住所、 顧客.cust_cit...

Vue lazyload 画像遅延読み込み例の詳細な説明

ドキュメント: https://github.com/hilongjw/vue-lazyload 1...

CSS3 における構造擬似クラスセレクターと擬似要素セレクターの使い方の詳細な説明

構造擬似クラスセレクタの紹介構造擬似クラスセレクターは、いくつかの特殊効果を処理するために使用されま...

フロントエンド Vue ユニットテストを始める

目次1. ユニットテストはなぜ必要なのでしょうか? 2. ユニットテストの書き方3. テストツール4...

Vue3 トランジションアニメーションの落とし穴記録について

目次背景問題の場所さらなる分析要約する背景私のコース「Vue 3 エンタープライズレベルの音楽アプリ...

HTML テーブル タグ チュートリアル (47): ネストされたテーブル

<br />このページでは、テーブルをネストすることで組版を実現しています。つまり、1 ...

MySQLの主キーとユニークキーの重複挿入の解決策の詳細な説明

目次解決: 1. 無視する2. 交換する3. 重複キーの更新についてデータを挿入するときに、重複した...

Vue実装のカウンターケース

この記事では、カウンター表示を実現するためのVueの具体的なコードを例として紹介します。具体的な内容...

Reactはグローバル箇条書きボックスメソッドをカプセル化します

この記事の例では、Reactカプセル化グローバルポップアップボックスの具体的なコードを参考までに共有...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

MySQL ステートメントを使用して、さまざまな整数が占めるバイト数とその最大値と最小値を調べる例

直接コード: タイプとして「bigint unsigned」、バイトとして「8」、max_numとし...

503 サービス利用不可エラーの解決方法の説明

1. Webページを開くと503サービス利用不可が表示されますが、更新すると正常にアクセスできます。...

JavaScript で支払いの 10 秒カウントダウンを実現

この記事では、支払いの10秒カウントダウンを実現するためのJavaScriptの具体的なコードを参考...