HTMLタグの一覧とその使用方法
2022-01-28 19:22:40
HTMLタグ一覧
<テーブル マーカー タイプ 名称または意味 役割 備考 ドキュメントマークアップ <HTML> ● 文書宣言 ブラウザにこれがHTMLファイルであることを知らせる <HEAD> ● 開始 ドキュメントに関する全体的な情報を提供する タイトル ● タイトル ブラウザの上部に表示されるドキュメントのタイトルを定義します。 <BODY> ● メイン デザインファイルの形式とコンテンツの所在 タイポグラフィーマークアップ <! --ノート--> ○ 説明マーカー ドキュメントに説明を追加するが、表示されない <P> ○ 段落マーカー 単語、図、表などの間に空白行を入れる。 <BR> ○ 改行マーカー 単語、図、表を次の行に表示させる <HR> ○ 水平線 横線を挿入する <CENTER> ● 中央部 文字、図、表などを真ん中に表示させる 異議あり <PRE> ● プリセット形式 元のコードをアレンジしたようにファイルを表示させる <DIV> ● 位置決めマーカ 単語、図、表などの配置を設定する。 <NOBR> ● 改行なし テキストが長すぎるため、折り返さないようにする <WBR> ● 推奨される改行 プリセットされた改行部分 フォントマーカー <STRONG> ● 音色にアクセントをつける フォントを太くしたような効果を出す <B> ● 太字マーカー フォントを太くしたような効果を出す <EM> ● 強調表示マーカー フォントが斜体で表示される <I> ● イタリック体マーカー フォントにイタリック効果が現れる <TT> ● 等幅フォント 同じ文字幅のクーリエフォント <U> ● アンダーラインを追加する アンダーラインを追加する 反対 <H1> ● 第一階層見出しマーカ フォントを大きくし、レベルが上がるほど小さくします。 <H2> ● 二次見出しマーカー フォントを大きくする <H3> ● 3段見出しマーカ フォントを大きくする <H4> ● 4レベル見出しマーカ フォントを大きくする <H5> ● 5 段階の見出しマーカー フォントを大きくする <H6> ● 6レベル見出しマーカ フォントを大きくする <FONT> ● フォントマーカー フォント、サイズ、色の設定 異議あり <BASEFONT> ○ ベースラインフォントマーカー すべてのフォント、サイズ、カラーを設定する 異議あり <BIG> ● 文字サイズアップ フォントを少し大きくする <SMALL> ● 文字サイズの縮小 フォントを少し小さくする <STRIKE> ● 取り消し線の追加 テキストに取り消し線を付ける 異議あり <CODE> ● コード フォント幅は<TT>.と同じでやや太めです。 <KBD> ● キーボード用語 やや太めのフォント、シングルブランク <SAMP> ● 例 wは、<TT>のように少しボツになります。 <VAR> ● 変数 イタリック体効果 <CITE> ● イタリック体マーカー イタリック効果 <BLOCKQUOTE> ● 右へインデント テキストを右へインデント <DFN> ● ステートメントの定義 イタリック体効果 <ADDRESS> ● アドレスマーカー イタリック体効果 <SUB> ● 下付き文字 テキスト添え字 <SUP> ● 上付き文字 テキストの上付き文字 リストのマークアップ <OL> ● 連番リスト リスト項目は、数字、アルファベット順に表示されます <UL> ● 順序なしリスト リスト項目は、実線のドットをシンボルとして配置されます <LI> ○ リスト項目 リスト内の項目、1マーカライン <MENU> ● オプション一覧 typeパラメータで箇条書きの項目を指定することができる。 異議あり <DIR> ● カタログ一覧 メニューと同じです。 に対して <DL> ● 定義リスト リストは2階層で表示されます <DT> ○ エントリーを定義する リスト項目のタイトル <DD> ○ コンテンツの定義 リスト項目の内容 テーブルマークアップ <TABLE> ● フォームマークアップ このフォームのパラメータを設定する <CAPTION> ● テーブルタイトル テーブルのタイトルを埋めるために12個の列を作る <TR> ● テーブルカラム このテーブルの列を設定します <TD> ● フォームカラム フォームのカラムを設定します <TH> ● テーブルヘッダー TD>と同じですが、中の文字が太くなります。 フォームマークアップ <FORM> ● フォームマークアップ このフォームの動作モードを決定する <TEXTAREA> ● テキストボックス テキスト入力フィールドを提供する <INPUT> ○ 入力マーカ 入力フォームを決定する <SELECT> ● 選択マーカー ポップアップ・スクロール・リストを作成する <OPTION> ○ オプション 各リストのオプション グラフィカルマーカー <IMG> ○ グラフィカルマーカー グラフィックを挿入したり、グラフィックのプロパティを設定するために使用します。 リンクマーカー <A> ● リンクマーカー リンクの追加 <BASE> ○ ベンチマークマーク 相対 URL を絶対リンク、指定リンクに変換する。 フレームマークアップ <FRAMESET> ● フレーム設定 フレームの設定 <FRAME> ○ ウィンドウの設定 フレーム内のウィンドウを設定する <IFRAME> ○ ページ内フレーム ページ内にフレームを挿入する IE <NOFRAMES> ● フレームサポートなし ブラウザがフレームをサポートしていない場合、プロンプトを表示するように設定する イメージマップ <MAP> ● イメージマップ名 イメージマップ名を設定する AREA> ○ リンクエリア 各リンクエリアの設定 マルチメディア <BGSOUND> ○ 背景音 バックグラウンドで音楽やサウンドを再生させる IE <EMBED> ○ マルチメディア サウンド、ミュージック、ビデオの追加 その他のタグ <MARQUEE> ● ウォーキングライト テキストを移動させる IE <BLINK> ● 点滅するテキスト テキストを点滅させる NC <ISINDEX> ○ ページ内ファインダー キーワードを入力して、ページを探すことができます 反対 <META> ○ オープニングノート このページに関する情報をブラウザに提供する <LINK> ○ 関係定義 このファイルと他のURLの関係を定義する スタイルシート <STYLE> ● スタイルシート ページレイアウトを制御する <span> ● カスタムマーカー スタンドアロンまたはスタイルシート付き備考
1. タグは格納タグであること、すなわち、タグ </tag> を終了する必要があることを示します。
2. 2. ○:空タグであること、すなわち終了タグを必要としないことを示す。
3. IE は、Internet Explorer 専用マークアップであることを意味します。
4. NC は、マークアップが Netscape Communicator にのみ適用されることを示します。
5. Noは、そのマークアップがW3Cによって承認されていないことを意味します。通常、このマークアップはMicrosoftまたはNetscapeによるカスタムで、すでに誰もがサポートしていますが、HTML標準には同じかそれ以上の機能を持つ他のオプションが存在します。
6. deprecated W3Cで廃止されたマークアップであることを示しますが、HTMLには後方互換性があるため、ブラウザはまだサポートしています。
7. new HTML4.0での新しいマークアップであることを示す。
もし、あまり詳しくないと感じたら、次の記事を参考にしてください。
HTML要素(タグ)の完全なリストとその使用方法の紹介
以下を参考にしてください。
<スパン -- この記事は早い時期にウェブから転載されたもので、特に示されていないその出典をたどることはできません。
<スパン
関連
-
HTML要素の高さ、offsetHeight、clientHeight、scrollTopなどについて説明します。
-
htmlのボタン自体を中央寄せにする方法
-
入力が遅い、ラグがある場合のクイックソリューション[type=file]オープニング
-
HTMLのプログラミングマークアップと文書構造の説明
-
入力テキストボックスの入力実装プロパティを無効化する
-
Framesetのワイドスクリーン・センターリングを使用するためのヒントを共有する。
-
Webアプリケーションの開発を短縮するための時間節約テクニックトップ10(グラフィックチュートリアル)
-
Web制作マスターのためのよく使われるHTMLタグの解説
-
純粋なHTMLタグをいくつ知っていますか?
-
ブラウザーのURLの前に小さなアイコンを表示させる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
タブ切り替えのためのhtmlサンプルコード
-
HambergurMenu (ハンバーガースタイルのメニュー)のHTML+Sass実装
-
htmlで中国語をutf-8に変換する方法
-
htmlのフォーム・フォーム送信操作に関する情報集
-
HTMLでフォームコントロールを無効にする2つの方法 readonly と disabled
-
新しい仲間のためのHTMLタグのネストルール詳細まとめ
-
フラッシュプラグインを使用してPCカメラを呼び出す方法TMLページに埋め込む方法
-
htmlのframesetタグが正常に表示できない原因の解析と解決法
-
INSとDELのタグ付きドキュメントを使用して、使用内容を変更することができます。
-
HTML&CSS&JS互換ツリー(IE、Firefox、chrome)