HTML の基本_html/css_WEB-ITnose

1. HTML の概要

W3C (World Wide Web Consortium)、W3C 組織、World Wide Web Consortium は、Web 標準を開発する組織です。 W3C 標準は標準ではなく、構造標準、パフォーマンス標準、アクション標準の 3 つの部分からなる標準の集まりです。構造標準は HTML に対応し、パフォーマンス標準は CSS に対応し、アクション標準は CSS に対応します。 JavaScriptです。

HTML は Web で使用される一般的なマークアップ言語で、テキストの書式設定、画像の追加、リンクの作成、フォーム、フレーム、表などの入力をブラウザで行うことができます。読み取られて表示されます。 HTML の鍵となるのはタグであり、その役割はコンテンツをレンダリングすることです。 ブラウザは HTML ファイルを読み取って Web ページとして表示するために使用されます。HTML タグは直接表示されませんが、タグを使用して HTML ページのコンテンツをユーザーに表示する方法を決定できます。

HTMLとは、Hyper Text Markup Languageのことです。 HTML はプログラミング言語ではなく、マークアップ タグのセットであるマークアップ言語です。 HTML はマークアップ タグを使用して Web ページを記述します。 HTML ドキュメントには HTML タグが含まれており、HTML ドキュメントは Web ページとも呼ばれます。

HTMLマークアップタグはHTMLタグと呼ばれることが多いです。 HTML タグは通常、e388a4556c0f65e1904146cc1a846bee と 94b3e26ee717c64999d7867364b1b4a3 のようにペアで表示されます。タグ ペアの最初のタグは開始タグ、2 番目のタグは終了タグとも呼ばれます。タグと終了タグ。

HTML タグと HTML 要素は通常同じ意味を記述しますが、厳密に言えば、HTML 要素には次のような開始タグと終了タグが含まれます。 94b3e26ee717c64999d7867364b1b4a3

2. HTML タグ

HTML ドキュメントは HTML 要素によって定義されます。開始タグは開始タグと呼ばれることが多く、終了タグは終了タグと呼ばれることがよくあります。要素のコンテンツは、開始タグと終了タグの間のコンテンツです。一部の HTML 要素には空のコンテンツが含まれており、開始タグの終わりで終了します。

HTML ドキュメントは、ネストされた HTML 要素で構成されています:100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e6c04bd5ca3fcae76e30b72ad730ca86de388a4556c0f65e1904146cc1a846bee私は段落です。 94b3e26ee717c64999d7867364b1b4a336cc49f0c466276486e50c850b7e49569c3bca370b5104690d9ef395f2c5f8d173a6ac4ed44ffec12cee46588e518a5e

HTML要素は属性を設定できます 属性はHTML要素によって提供される追加情報です。タグの場合、属性は常に名前と値のペアの形式で表示されます (name="value" など)。プロパティ値は常に引用符で囲む必要があります。二重引用符が最も一般的に使用されますが、一重引用符を使用しても問題ありません。まれに、属性値自体に二重引用符が含まれている場合など、一重引用符を使用する必要があります。 anuth

itaTがほとんどのHTML要素に適用可能：


：IDは、要素の一意のIDを定義します。要素のスタイル(インラインスタイルinline style)

④：title 要素の追加情報を記述する(ツールバーとして使用)

(1)、基本タグ

HTML5宣言：78c74a7f0dd9b0d0b05f131f7aad7db9 宣言はドキュメントの最前面、100db36a723c770d327fc0aef2ce13b1 タグの前にあり、宣言では大文字と小文字が区別されません。

100db36a723c770d327fc0aef2ce13b1 タグは、これが HTML ドキュメントであることをブラウザーに伝えます。 100db36a723c770d327fc0aef2ce13b1 タグは HTML ドキュメントの最も外側の要素であり、ドキュメントのルート要素でもありますが、doctype 要素、つまりステートメント 8b05045a5be5764f313ed5b9168a17e6 doctype 要素は含まれません。 HTML 要素

HTML5 では、ドキュメントのキャッシュ情報を記述する URL を定義するために使用される URL を値とする新しい属性、manifest が追加されました。

100db36a723c770d327fc0aef2ce13b1 タグと 73a6ac4ed44ffec12cee46588e518a5e タグの間に、ドキュメントの先頭と本文が定義されます。 、および本文は 6c04bd5ca3fcae76e30b72ad730ca86d タグによって定義されます。

🎜

　　93f0f5c25f18dab9d176bd4f6de5d30e 元素包含了所有的头部标签元素。在 93f0f5c25f18dab9d176bd4f6de5d30e元素中你可以插入脚本(scripts)，样式文件(CSS)，及各种 meta 信息。可以添加在头部区域的元素标签有 7 个: b2386ffb911b14667cb8f0f91ea547a7，c9ccee2e6ea535a969eb3f532ad9fe89，e8e496c15ba93d81f6ea4fe5f55a2244，2cdf5bf648cf2f33323966d7f58a7f3f，3f1c4e4b6b16bbbd69b2ee476dc4f83a，2b0b25ff593c5b6c03403dd6234ffb2c 和 dde6fb694e6711ae5e6f381704c04ae4。

 

　　e8e496c15ba93d81f6ea4fe5f55a2244标签描述了一些基本的元数据。元数据也不显示在页面上，但会被浏览器解析。e8e496c15ba93d81f6ea4fe5f55a2244元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器(如何显示内容或重新加载页面)，搜索引擎(关键词)，或其他Web服务。注意：e8e496c15ba93d81f6ea4fe5f55a2244 通常位于 93f0f5c25f18dab9d176bd4f6de5d30e 区域内，在 HTML 中 e8e496c15ba93d81f6ea4fe5f55a2244 标签没有结束标签。

　　元数据（Metadata）是数据的数据信息，e8e496c15ba93d81f6ea4fe5f55a2244 标签提供了 HTML 文档的元数据。注意： 元数据通常以 名称/值 对出现。注意： 如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。在 HTML5 中，有一个新的 charset 属性，它使字符集的定义更加容易：HTML 4.01： 6be859037f0786e5b7b0b84b867bb244，HTML5： 0d94b2dad07259293dd606022eaa23d8。

　　e8e496c15ba93d81f6ea4fe5f55a2244 标签使用实例：

1 定义编码格式：<meta charset="UTF-8">2 为搜索引擎定义关键词：<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">3 为网页定义描述内容：<meta name="description" content="HTML基础">4 定义网页作者：<meta name="author" content="Mr mo">5 每30秒中刷新当前页面：<meta http-equiv="refresh" content="30">6 常用的针对移动网页优化过 viewport 的 meta：<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

　　上面实例最后一项代码解析：

　　width：控制 viewport(可视区) 的大小，可以是指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度，单位为缩放为 100% 时的 CSS 的像素。

　　height：和 width 相对应，指定高度。

　　initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

　　maximum-scale/minimum-scale：允许用户缩放到的最大/最小比例。

　　user-scalable：用户是否可以手动缩放。

 

　　b2386ffb911b14667cb8f0f91ea547a7 标签定义HTML文档的标题。使用 e8e496c15ba93d81f6ea4fe5f55a2244 元素来描述HTML文档的描述，关键词，作者，字符集等。

　　b2386ffb911b14667cb8f0f91ea547a7 标签在所有 HTML 文档中是必需的。b2386ffb911b14667cb8f0f91ea547a7元素：

　　　　①：定义浏览器工具栏中的标题。

　　　　②：提供页面被添加到收藏夹时的标题。

　　　　③：显示在搜索引擎结果中的页面标题。

　　注意：一个 HTML 文档中不能有一个以上的 b2386ffb911b14667cb8f0f91ea547a7 元素。如果你遗漏了 b2386ffb911b14667cb8f0f91ea547a7 标签，文档作为 HTML 是无效的。b2386ffb911b14667cb8f0f91ea547a7 标签定义了不同文档的标题。定义了浏览器工具栏的标题。当网页添加到收藏夹时，显示在收藏夹中的标题。显示在搜索引擎结果页面的标题。所以选择标题的时候，一定要简短，有说明性，采用关键词，与页面内容相关。

 

　　c9ccee2e6ea535a969eb3f532ad9fe89 标签定义了 HTML 文档的样式信息。在 c9ccee2e6ea535a969eb3f532ad9fe89 元素中，你可以规定在浏览器中如何呈现 HTML 文档，每个 HTML 文档能包含多个 c9ccee2e6ea535a969eb3f532ad9fe89 标签。注意：如果没有使用 "scoped" 属性，则每一个 c9ccee2e6ea535a969eb3f532ad9fe89 标签必须位于 head 头部区域。"scoped" 属性是 HTML5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。 如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。在 HTML5 中可以不定义类型（type）属性，默认值为 "text/css"。如需链接外部样式表，就使用 2cdf5bf648cf2f33323966d7f58a7f3f 标签。c9ccee2e6ea535a969eb3f532ad9fe89定义文本样式，2cdf5bf648cf2f33323966d7f58a7f3f 定义资源引用地址。

 

　　2cdf5bf648cf2f33323966d7f58a7f3f 标签定义了文档与外部资源之间的关系。2cdf5bf648cf2f33323966d7f58a7f3f 标签通常用于链接到样式表：4144882ba486edb1509ff6ad908898e8。注意： link 元素是空元素，它仅包含属性，此元素只能存在于 head 部分，不过它可出现任何次数。

JavaScript は HTML ページをより動的でインタラクティブにします。 HTML スクリプト タグ 3f1c4e4b6b16bbbd69b2ee476dc4f83a は、クライアント側のスクリプトを定義するために使用されます。 2b0b25ff593c5b6c03403dd6234ffb2c タグは、スクリプトをサポートしていないブラウザによるテキスト出力を定義します。この要素は、ブラウザでスクリプトを無効にしているユーザー、またはブラウザがクライアント側のスクリプトをサポートしていないユーザーに役立ちます。

3f1c4e4b6b16bbbd69b2ee476dc4f83a は、JavaScript などのクライアント側のスクリプトを定義します。 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素には、スクリプト ステートメントを含めることも、src 属性を通じて外部スクリプト ファイルを指定することもできます。 JavaScript は、画像の操作、フォームの検証、および動的なコンテンツの変更に最も一般的に使用されます。 注: 「src」属性を使用する場合は、3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素を空にする必要があります。

外部スクリプトを実行するにはいくつかの方法があります:

①: async="async" の場合: スクリプトはページの残りの部分に対して非同期に実行されます (ページの解析が継続されている間にスクリプトが実行されます) ）。

②: async が使用されておらず、 defer="defer" の場合: ページの解析が完了するとスクリプトが実行されます。

③: async も defer も使用されていない場合: ブラウザーがページの解析を続ける直前にスクリプトを読み取って実行します。

HTML5では、「type」属性はオプションです。 src 属性は、外部スクリプトの URL を指定します。 defer 属性は、ページの解析が完了した後にスクリプトが実行されることを指定するために使用され、外部スクリプトにのみ適用されます。 charset 属性は、スクリプトで使用される文字エンコーディングを指定するために使用され、外部スクリプトにのみ適用されます。 「async」属性は HTML5 の新しい属性で、スクリプトの非同期実行を指定するために使用され、外部スクリプトにのみ適用されます。

外部スクリプトを参照するための構文: 76d43067b7af54c622fbb60411acc3c82cacc6d41bbb37262a98f745aa00fbf0 ここで、src="RUL" には、同じディレクトリ内の外部スクリプト ファイルの名前が入ります。

注:

①: 外部スクリプト ファイルには任意の拡張子を付けることができます。通常、開発者は JavaScript 外部スクリプトの拡張子を script.js として記述します。

②: 外部スクリプトファイルには、スクリプト言語コードのみを含めることができ、HTML コードなどの他のコードは含めることはできません。3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素は、 HTML 言語の要素。

③: 外部スクリプト ファイルを参照する場合、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグと 2cacc6d41bbb37262a98f745aa00fbf0 の間にスクリプト言語コードを含む他のコードを含めることはできません。

④: 外部スクリプトファイルを参照する場合、3f1c4e4b6b16bbbd69b2ee476dc4f83aタグと2cacc6d41bbb37262a98f745aa00fbf0タグの間に他のコードを入れることはできません。

2b0b25ff593c5b6c03403dd6234ffb2c タグは、ブラウザがスクリプトを無効にしている場合や、ブラウザがクライアント側のスクリプトをサポートしていない場合など、スクリプトが使用できない場合に代替コンテンツを提供します。 2b0b25ff593c5b6c03403dd6234ffb2c 要素には、通常の HTML ページの body 要素内にあるすべての要素を含めることができます。 2b0b25ff593c5b6c03403dd6234ffb2c 要素内のコンテンツは、ブラウザがスクリプトをサポートしていない場合、またはスクリプトが無効になっている場合にのみ表示されます。 2b0b25ff593c5b6c03403dd6234ffb2c タグは、スクリプトが実行されない場合の代替コンテンツ (テキスト) を定義するために使用されます。このタグは、2b0b25ff593c5b6c03403dd6234ffb2c タグを認識しても、その中のスクリプトをサポートできないブラウザで使用できます。ブラウザがスクリプトをサポートしている場合、noscript 要素内のテキストは表示されません。 HTML4.01 では、2b0b25ff593c5b6c03403dd6234ffb2c タグは 6c04bd5ca3fcae76e30b72ad730ca86d 要素に挿入できます。 。

6c04bd5ca3fcae76e30b72ad730ca86d ドキュメントの本文を定義します。 6c04bd5ca3fcae76e30b72ad730ca86d 要素には、ドキュメントのすべてのコンテンツ (テキスト、ハイパーリンク、画像、表、リストなど) が含まれます。 HTML 4.01 では、すべての body 要素の「レンダリング属性」が非推奨になりました。 HTML 5 では、すべての body 要素の「レンダリング属性」が削除され、スタイル定義が使用できるようになりました。

HTML タイトルは 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc タグによって定義されます。 4a249f0d628e2318394fd9b75b4636b1 は最大の見出しを定義し、4e9ee319e0fa4abc21ff286eeb145ecc は最小の見出しを定義します。 HTML タイトル タグは必ず見出しにのみ使用し、太字または大きなテキストを作成するためだけに見出しを使用しないでください。検索エンジンは、見出しを使用して Web ページの構造とコンテンツのインデックスを作成します。 h1 を主見出し (最も重要) として使用し、次に h2 (次に重要)、h3 というように使用する必要があります。 4a249f0d628e2318394fd9b75b4636b1 最も重要度の高い見出しを定義します。 4e9ee319e0fa4abc21ff286eeb145ecc 重要度が最も低いタイトルを定義します。

HTML 段落は e388a4556c0f65e1904146cc1a846bee タグによって定義され、HTML はドキュメントを複数の段落に分割でき、ブラウザは段落の前後に空白行を自動的に追加します。 e388a4556c0f65e1904146cc1a846bee 要素はブロックレベルの要素であり、その前後に空白が自動的に作成されます。 新しい段落を作成せずに行を折り返す場合は、076402276aae5dbec7f672f8f4e5cc81 タグを使用します。 表示されている HTML の正確な効果を判断することはできません。画面のサイズやウィンドウの調整によって異なる結果が生じる可能性があります。HTML の場合、余分なスペースや改行を追加することによって出力の効果を変更することはできません。 HTMLコード。ページが表示されると、ブラウザーはソース コード内の余分なスペースと空行を削除し、連続するすべてのスペースまたは空行は 1 つのスペースとしてカウントされます。 各段落の前に 2 つの単語があり、CSS スタイルで定義できます: 43bc41539861c047f3c0b2c468ddd23494b3e26ee717c64999d7867364b1b4a3

コンテンツのない HTML 要素は、開始タグ内で閉じられています。076402276aae5dbec7f672f8f4e5cc81 は空要素です。 076402276aae5dbec7f672f8f4e5cc81 タグは住所情報や詩を書くときにとても便利です。注: 段落を分割するのではなく、空白行を入力するには 076402276aae5dbec7f672f8f4e5cc81 タグを使用します。

fa8fd94cc4b4d9671e4ee513ae2a31d1 タグは、HTML ページ内に水平線を作成してコンテンツを分離します。 fa8fd94cc4b4d9671e4ee513ae2a31d1 タグは、HTML ページ内のトピックの変更 (トピックの変更など) を定義し、HTML ページ内のコンテンツを区切る (または変更を定義する) ために使用されます。 HTML5 では、fa8fd94cc4b4d9671e4ee513ae2a31d1 はコンテンツ内のテーマのバリエーションを定義し、水平線として表示されますが、HTML 4.01 では、fa8fd94cc4b4d9671e4ee513ae2a31d1 タグは単純に水平線として表示されます。 CSS を使用して、fa8fd94cc4b4d9671e4ee513ae2a31d1 要素のスタイルを定義できます。

HTML コメント 263888cd4d5202753fbe462bb17749d9 コメントタグはソースドキュメントにコメントを挿入するために使用されます。コメントはブラウザーには表示されません。コメントを使用してコードを説明すると、特にコードの量が多い場合に、コードを編集するのに役立ちます。この場合、情報はコメントの内容に保存されます。ユーザーには見えませんが、プログラムでは利用できます。多くの Web サーバーは、ソース ドキュメント内での明らかな役割に加えて、ドキュメント サーバー ソフトウェアに固有の機能を実装するために注釈も使用します。これらのサーバーは、従来の HTML/XHTML コメントからドキュメントをスキャンして、コメントに埋め込まれたコマンドに基づいて適切なアクションを実行できます (いわゆるサーバー内部インクルード)。または、ドキュメントのコンテンツを動的に生成するために他のコマンドを実行するのが複雑になる場合もあります。

(2)、styleタグ

23c3de37f2f9ebcb477c4a90aac6fffd(H5)タグは記事領域を定義します。 23c3de37f2f9ebcb477c4a90aac6fffd タグは独立したコンテンツを定義します。定義するコンテンツはそれ自体で意味があり、ドキュメントの残りの部分から独立している必要があります。 23c3de37f2f9ebcb477c4a90aac6fffd の考えられるソース: フォーラムの投稿、ブログの投稿、ニュース記事、コメント。

15221ee8cba27fc1d7a26c47a001eb9b (H5) タグは、ページのサイドバーのコンテンツを定義します。 15221ee8cba27fc1d7a26c47a001eb9b タグの定義 23c3de37f2f9ebcb477c4a90aac6fffd タグ内のコンテンツは、近くのコンテンツと関連している必要があります。 15221ee8cba27fc1d7a26c47a001eb9b コンテンツは記事のサイドバーとして使用できます。

2f8332c8dcfd5c7dec030a070bf652c3 (H5) タグは、ドキュメントの特定の領域を定義します。文書の章、ヘッダー、フッター、その他の領域など。

1aa9e5d373740b65a0cc8f0a02150c53 (H5) タグは、文書または文書の一部のヘッダーを定義します。 1aa9e5d373740b65a0cc8f0a02150c53 要素は、紹介コンテンツまたはナビゲーション リンクのコンテナとして機能する必要があります。ドキュメント内では、複数の 1aa9e5d373740b65a0cc8f0a02150c53 要素を定義できます。注: 1aa9e5d373740b65a0cc8f0a02150c53 タグは、c37f8231a37e88427e62669260f0074d、208700f394e4cf40a7aa505373e0130b、または別の 1aa9e5d373740b65a0cc8f0a02150c53 要素内に配置することはできません。

c37f8231a37e88427e62669260f0074d (H5) タグは、2f8332c8dcfd5c7dec030a070bf652c3 ドキュメントまたはドキュメントの一部を定義するために使用されるフッターを定義します。 c37f8231a37e88427e62669260f0074d 要素には、その要素に含まれる要素に関する情報が含まれている必要があります。これには通常、ドキュメントの作成者の名前、ドキュメントの著作権情報、利用規約へのリンク、連絡先情報などが含まれます。ドキュメント内に複数の c37f8231a37e88427e62669260f0074d 要素を定義できます。 c37f8231a37e88427e62669260f0074d 要素を使用して連絡先情報を挿入する場合は、c37f8231a37e88427e62669260f0074d 要素内で 208700f394e4cf40a7aa505373e0130b タグを使用する必要があります。

d8eccd9ed644b68a6460a2bb84548c82(H5)タグは見出し要素をグループ化するために使用されます。タイトルに複数のレベル (字幕) がある場合、d8eccd9ed644b68a6460a2bb84548c82 要素は一連の 4a249f0d628e2318394fd9b75b4636b1h6> をグループ化するために使用されます。

a5e9d42b316b6d06c62de0deffc36939 (H5) タグは、表示または非表示にするユーザー要件の補足詳細を指定します。 a5e9d42b316b6d06c62de0deffc36939 タグは、ユーザーが対話型コントロールを開いたり閉じたりするために使用されます。 a5e9d42b316b6d06c62de0deffc36939 要素の内容は、open 属性が設定されていない限り、ユーザーには表示されません。このタグは、詳細のタイトルを定義するために 631fb227578dfffda61e1fa4d04b7d25 タグと組み合わせて使用​​され、ユーザーがタイトルをクリックすると詳細が表示されます。 open 属性は、詳細を表示するかどうかを指定するために使用されます。

631fb227578dfffda61e1fa4d04b7d25 (H5) タグは、ユーザーがタイトルをクリックすると詳細情報が表示される、a5e9d42b316b6d06c62de0deffc36939 要素の表示タイトルを定義します。注: 631fb227578dfffda61e1fa4d04b7d25 要素は a5e9d42b316b6d06c62de0deffc36939 要素の最初の子である必要があります。

a38fd2622755924ad24c0fc5f0b4d412 (H5) タグは、ダイアログ ボックス、確認ボックス、またはウィンドウを定義します。 open 属性は、ダイアログ要素が有効であり、ユーザーが対話できることを指定します。

dc6dce4a544fdca2df29d5ac0ea9906b HTML文書内で区切られたブロックやエリア部分を定義する要素で、他のHTML要素を結合する際によく使われるコンテナです。ブロックレベルの要素を結合して、CSS でフォ​​ーマットできるようにします。 dc6dce4a544fdca2df29d5ac0ea9906b 要素はブロックレベルの要素であるため、CSS で使用すると、ブラウザはデフォルトでその前後に改行を追加します。dc6dce4a544fdca2df29d5ac0ea9906b 要素を使用して、大きなコンテンツ ブロックのスタイル属性を設定できます。 Web ページのレイアウトによく使用されます。 これは、テーブルを使用してレイアウトを定義する昔ながらの方法を置き換えます。ドキュメントのレイアウトに f5d188ed2c074f8b944552db028f98a1 要素を使用することは、表の正しい使用法ではありません。この要素の目的は、表形式のデータを表示することです。 45a2772a6b6107b401db3c9b82c049c2 タグは、ドキュメント内のインライン要素を結合するために使用されます。このタグにはスタイルが適用されない場合にのみ、視覚的な変更が生じます。 45a2772a6b6107b401db3c9b82c049c2 に変更すると、45a2772a6b6107b401db3c9b82c049c2 要素内のテキストは他のテキストと視覚的に変わりません。 45a2772a6b6107b401db3c9b82c049c2 タグを使用すると、テキストの一部またはドキュメントの一部を分離できます。45a2772a6b6107b401db3c9b82c049c2 要素を使用して、テキストの一部にスタイル属性を設定できます。 45a2772a6b6107b401db3c9b82c049c2 要素で囲まれたテキストは、CSS を使用してスタイル設定したり、JavaScript を使用して操作したりできます。

(3)、フォーマットタグ

37fcc81822f151c26d66e5caf9953670 (H5) (Word Break Opportunity) タグは、テキスト内の改行を追加するのが適切な場所を指定します。単語が長すぎる場合、またはブラウザが間違った位置で改行することが心配な場合は、37fcc81822f151c26d66e5caf9953670 要素を使用して Word Break Opportunity (単語分割機会) を追加できます。ただし、ここで改行するのは単なる提案であり、必須ではありません。テキスト行全体の長さに依存するため、いくつかの 37fcc81822f151c26d66e5caf9953670 タグを挿入してください。改行の問題を解決するには、連続テキストの途中に適切に挿入します。

49c6123c49c6be380cb91db06cd3bfa9 (H5) タグは度量衡を定義します。最大値と最小値がわかっている測定にのみ使用してください。例: ディスク使用量、クエリ結果の相関関係など。注: 49c6123c49c6be380cb91db06cd3bfa9 は進行状況バーとして使用できません。6ecb87e5318a36c03c59e25d55f43372 タグを使用してください。

6ecb87e5318a36c03c59e25d55f43372 (H5) タグは、実行中のタスクの進行状況 (プロセス) を定義します。タスクの進行状況を表示するには、JavaScript で 6ecb87e5318a36c03c59e25d55f43372 タグを使用します。注: 6ecb87e5318a36c03c59e25d55f43372 タグは、メトリクス (ディスク容量の使用状況や関連するクエリの結果など) を表すのには適していません。度量衡を表すには、代わりに 49c6123c49c6be380cb91db06cd3bfa9 タグを使用します。

46dd80ba616c57a652514755c74c4211 (H5) タグは、グレゴリオ時間 (24 時間時計) または日付を定義します。この属性は、日付または時刻がコンテンツ内で指定されていない場合に使用されます。要素。 。この要素は、ブラウザーが読み取れる方法で日付と時刻をエンコードできます。たとえば、ユーザー エージェントは誕生日のリマインダーやスケジュールされたイベントをユーザーのカレンダーに追加でき、検索エンジンはよりスマートな検索結果を生成できます。 datetime 属性は日付/時刻を指定します。あるいは、日付/時刻は要素のコンテンツによって指定されますが、これはすべてのブラウザーで特別な効果をレンダリングするわけではありません。

f920514e6447cf1d171079d1371f007f (H5) タグは、テキストを強調表示する必要がある場合に使用します。

HTML では、a4b561c25d9afb9ac8dc4d70affff419 タグと 5a8028ccc7a7e27417bff9f05adf5932 タグを使用して、b 太字または i イタリック体などの出力テキストをフォーマットします。通常、太字タグ a4b561c25d9afb9ac8dc4d70affff419 の代わりにタグ が使用され、5a8028ccc7a7e27417bff9f05adf5932 タグの代わりに 907fae80ddef53131f3292ee4f81644b が使用されます。ただし、これらのタグの意味は異なります。a4b561c25d9afb9ac8dc4d70affff419 と 5a8028ccc7a7e27417bff9f05adf5932 は太字または斜体のテキストを定義します。 8e99a69fbe029cd4e2b854e244eab143 または 907fae80ddef53131f3292ee4f81644b は、提示しているテキストが重要であることを意味します。 現在、すべての主要なブラウザはさまざまな効果を備えたフォントをレンダリングできますが、ブラウザは将来、より優れたレンダリング効果をサポートする可能性があります。

a4b561c25d9afb9ac8dc4d70affff419 タグは太字のテキストを定義します。注: HTML5 仕様によれば、a4b561c25d9afb9ac8dc4d70affff419 タグは最後の手段として使用し、他のタグが適切でない場合にのみ使用する必要があります。 HTML5 の仕様では、タイトルは 4a249f0d628e2318394fd9b75b4636b1 タグで表す必要があり、強調されたテキストは 907fae80ddef53131f3292ee4f81644b タグで表す必要があります。 f920514e6447cf1d171079d1371f007f タグで表されます。 CSS の「font-weight」プロパティを使用して太字テキストを設定することもできます。

5a8028ccc7a7e27417bff9f05adf5932 タグは、テキストの残りの部分とは異なる部分を定義し、テキストのこの部分を斜体テキストとして表示します。 5a8028ccc7a7e27417bff9f05adf5932 タグは、専門用語、他の言語の慣用句、アイデア、宇宙船の名前などを表すために使用されます。 5a8028ccc7a7e27417bff9f05adf5932 要素は、適切なセマンティクスを持つ他の要素が使用できない場合に使用されます。その他の意味要素は次のとおりです。907fae80ddef53131f3292ee4f81644b 要素は強調されたテキストを定義し、f920514e6447cf1d171079d1371f007f 要素はマーク付き/強調表示されたテキストを定義します。要素は定義項目を定義します。 HTML 4.01 では、5a8028ccc7a7e27417bff9f05adf5932 タグはテキストを斜体で表示していましたが、HTML5 ではこれは必要なく、スタイル シートを使用して 5a8028ccc7a7e27417bff9f05adf5932 要素内のテキストを書式設定できます。

8e99a69fbe029cd4e2b854e244eab143 タグは、コンピュータ プログラムのサンプルの重要なテキストを定義するフレーズ タグです。注: このタグの使用に異論はありませんが、特定の視覚効果を実現するためだけにこのタグを使用する場合は、より豊かな効果を実現できる CSS の使用をお勧めします。すべてのフレーズ タグ: 907fae80ddef53131f3292ee4f81644b は強調テキストとしてレンダリングされ、7f9d788ef50b059a7f76f3d2e4ccc9d1 はコンピュータ コード テキストを定義し、162cd570ab1483e383d78dcb7f452f7c はサンプル テキストを定義します。 b7f90f73cad438258bf67e62f79b2113 は変数を定義します。e03b848252eb9375d56be284e690e873 タグとともに使用できます。 HTML 4.01 では、8e99a69fbe029cd4e2b854e244eab143 タグは太字で強調されたテキストを定義しますが、HTML5 では、8e99a69fbe029cd4e2b854e244eab143 タグは重要なテキストを定義します。

907fae80ddef53131f3292ee4f81644b タグは、テキストを強調するために使用されるフレーズタグです。注: このタグの使用に異論はありませんが、特定の視覚効果を実現するためだけにこのタグを使用する場合は、より豊かな効果を実現できる CSS の使用をお勧めします。

7f9d788ef50b059a7f76f3d2e4ccc9d1 タグは、定義項目を定義するために使用されるフレーズタグです。 ffbe95d20f3893062224282accb13e8f タグは、コンピュータ コードのテキストを定義するフレーズ タグです。 162cd570ab1483e383d78dcb7f452f7c タグは、コンピュータ プログラムのサンプル テキストを定義するために使用されるフレーズ タグです。 b7f90f73cad438258bf67e62f79b2113 タグは変数を定義するために使用されるフレーズ タグです。ヒント: これらのタグの使用に反対するものはありませんが、特定の視覚効果を実現するためだけに使用する場合は、より豊かな効果を実現できる CSS を使用することをお勧めします。

f3a85e1241a187c5ac462d886e9a968b タグは作品 (本、歌、映画、テレビ番組、絵画、彫刻など) のタイトルを定義します。注：名前は作品タイトルの一部ではありません。 HTML 4.01 では、f3a85e1241a187c5ac462d886e9a968b タグは引用を定義しますが、HTML5 では、f3a85e1241a187c5ac462d886e9a968b タグは作品のタイトルを定義します。

3d49bde0e0b2e042578ad34140b6c48e タグは大きなテキストを定義します。HTML5 ではサポートされなくなりました。代わりに CSS を使用できます。

d015d241ae6d34c34210679b5204fe85 タグは小さいテキストを定義し、主に小さいテキストと補足を定義するために使用されます。

e03b848252eb9375d56be284e690e873 タグは、事前にフォーマットされたテキストを定義します。つまり、HTML コードに記述されたテキストはすべて、HTML ページに表示されます。つまり、空白行とスペースを制御できます。 < Text inside ;pre> タグで囲まれると、通常はスペースと改行が保持され、テキストも固定幅フォントで表示されます。 e03b848252eb9375d56be284e690e873タグの一般的な用途は、コンピュータのソース コードを表すことです。 71af07a0e88a1ac1ff73f855702ac153 タグはテキストの方向を定義します。

bdo は、デフォルトのテキスト方向をオーバーライドするために使用される Bidi オーバーライド (双方向オーバーライド) を指します。 e388a4556c0f65e1904146cc1a846beed29b8ad2d3830b14f3108ff4a2643f58反転表示してみます。 2751a04becceb7f2391ee604e81e89d394b3e26ee717c64999d7867364b1b4a3 dir は 71af07a0e88a1ac1ff73f855702ac153 タグの属性で、この属性のもう 1 つの値はデフォルト値である ltr です。は正常に表示されます。

af4e6c3c591431c4583becd75d1c3582 (H5) タグを使用すると、親要素のテキスト方向の設定とは独立してテキストを設定できます。 bdi は、bidi アイソレーション (双方向アイソレーション) を指します。このタグは、ユーザーのコメントや、完全に制御できないその他のコンテンツを投稿する場合に役立ちます。

1244aa79a84dea840d8e55c52dc97869 タグは短い引用符を定義します。ブラウザでは、このような参照の前後に引用符が挿入されることがよくあります。この要素には、参照のソース URL を指定する URL の値を持つ cite 属性があります。別のソースから引用したブロック引用をマークするには、b8a712a75cab9a5aded02f74998372b4 を使用してください。

b8a712a75cab9a5aded02f74998372b4 タグは、別のソースから取得したブロック引用を定義します。通常、ブラウザは b8a712a75cab9a5aded02f74998372b4 要素をインデントします。この要素には属性 cite もあり、その値は引用元を指定する URL です。マークアップが段落分割を必要としない短い引用である場合は、1244aa79a84dea840d8e55c52dc97869 を使用します。 HTML 4.01 では、b8a712a75cab9a5aded02f74998372b4 タグは長い引用符を定義しますが、HTML5 では、b8a712a75cab9a5aded02f74998372b4 タグは別のソースから取得したブロック引用符を定義します。

823db3943044a0a9a620ada8d4b1d965 タグ定義のテキストが削除されました。 426be984ffbbb815d7d88e3543a85d91 タグ定義がテキストに挿入されます。ヒント: 823db3943044a0a9a620ada8d4b1d965 と 426be984ffbbb815d7d88e3543a85d91 は、通常、削除されたテキストに取り消し線を追加し、新しく挿入されたテキストに下線を追加するために使用されます。

823db3943044a0a9a620ada8d4b1d965 と 426be984ffbbb815d7d88e3543a85d91 には、cite と datetime という同じ 2 つの属性があります。cite の値は、テキストが削除された理由を説明するドキュメントの URL を指定します。 426be984ffbbb815d7d88e3543a85d91 の cite 属性は、テキストが挿入された理由を説明するドキュメントの URL を指定します。 datetime の値は YYYY-MM-DDThh:mm:ssTZD で表され、 はテキストが削除/挿入された日時を指定します。

2e44d2d3284d23d932e1fd85f3d4cf3a タグは、間違っている、不正確、または役に立たないテキストを識別します。置換または削除されたテキストを定義する場合は、2e44d2d3284d23d932e1fd85f3d4cf3a タグを使用しないでください。 HTML 4.01 では、2e44d2d3284d23d932e1fd85f3d4cf3a タグは廃止され、テキストに取り消し線を引くために使用されていましたが、HTML5 では 2e44d2d3284d23d932e1fd85f3d4cf3a タグが再定義され、正しくなくなったテキストを定義するために使用されるようになりました。

88f336217b3880082bb52d49b5de60a5 タグは、中国語のスペルミスのある単語や固有名詞など、通常のテキスト スタイルとは異なるテキストを定義します。 HTML では、88f336217b3880082bb52d49b5de60a5 要素は非推奨となり、HTML5 ではアンダースコアの定義に使用されていました。ヒント: ユーザーがテキストをハイパーリンクと混同する可能性があるため、テキストに下線を引くために 88f336217b3880082bb52d49b5de60a5 を使用することは避けてください。注: HTML5 仕様では、開発者は可能な限り 88f336217b3880082bb52d49b5de60a5 要素の代わりに他の要素を使用することが推奨されています。

2cdea26b4c3988e37d674b56660962a7 タグ定義の上付き文字。

上付きテキストは、現在のテキスト ストリームの文字の高さの半分のベースラインの上に表示されますが、フォントとサイズは現在のテキスト ストリームのテキストと同じになります。

上付きテキストを使用して脚注を追加できます。 b96cac025db4031319c29e1eb68f19d6 タグは下付き文字を定義します。

下付きテキストは、現在のテキスト ストリームの文字の高さの半分のベースラインの下に表示されますが、フォントとサイズは現在のテキスト ストリームのテキストと同じになります。

下付きテキストを使用して化学式を表すことができます。 8a7974376be5f6c00c121222b727adb9 タグ定義の省略形。

8a7974376be5f6c00c121222b727adb9 タグのある略語/頭字語の上にマウスを移動すると、8a7974376be5f6c00c121222b727adb9 タグの title 属性を使用して略語/頭字語の完全版を表示できます。 8a7974376be5f6c00c121222b727adb9 タグは、略語または頭字語を表すために使用されます。省略された単語にタグを付けることで、ブラウザ、スペル チェッカー、翻訳システム、検索エンジン インデクサーに有益な情報を提供できます。

208700f394e4cf40a7aa505373e0130b タグは、ドキュメントの作成者または所有者の連絡先情報を定義します。 208700f394e4cf40a7aa505373e0130b 要素が 6c04bd5ca3fcae76e30b72ad730ca86d 要素内にある場合、それはドキュメントの作成者/所有者の連絡先情報を表し、208700f394e4cf40a7aa505373e0130b 要素が 23c3de37f2f9ebcb477c4a90aac6fffd 要素内にある場合、それは記事を表します。著者/所有者の連絡先情報。 208700f394e4cf40a7aa505373e0130b 要素のテキストは通常​​斜体で表示され、ほとんどのブラウザでは要素の前後に改行を追加するか、076402276aae5dbec7f672f8f4e5cc81 改行を使用できます。

タグは、この情報が連絡先情報の一部でない限り、住所を説明するために使用しないでください。

要素は通常、

要素内に他の情報とともに含まれます。

（4）、リンク タグ

3499910bf9dac5ae3c52d5ede7383485 は、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。 3499910bf9dac5ae3c52d5ede7383485 要素の最も重要な属性は、リンクのターゲットを指定する href 属性です。 href 属性を使用しない場合、hreflang、media、rel、target、および type 属性は使用できません。他の Target 属性が指定されていない限り、通常はリンクされたページを現在のブラウザ ウィンドウに表示します。 CSS を使用してリンクのスタイルを変更できます。

HTML は、インターネット上の別のドキュメントに接続するためにハイパーリンクを使用します。リンクをクリックすると、あるページから別のページにジャンプできます。単語のグループ、または画像をクリックすると、新しい文書または現在の文書のセクションにジャンプできます。 Web ページ上のリンク上にマウス ポインターを移動すると、矢印が小さな手に変わります。 3499910bf9dac5ae3c52d5ede7383485 タグの href 属性を使用して、リンクのアドレスを記述します。 デフォルトでは、リンクはブラウザに次の形式で表示されます。未訪問のリンクには下線が付けられます。クリックされたリンクは紫色で表示され、下線が付きます。クリックされたリンクは赤色で表示され、下線が付きます。 fc159e4df4396fdfe915f8d499d3bef4Jump5db79b134e9f6b82c0b36e0489ee08ed 「リンク テキスト」はテキストである必要はありません。Target 属性を使用して、リンクされたドキュメントの表示場所を定義できます。

3499910bf9dac5ae3c52d5ede7383485 タグのターゲット属性。 target="_blank" は、ターゲット Web ページを新しいウィンドウに表示することを定義します。 target="_self" は、現在のフォームで開かれるターゲット Web ページを定義します。このターゲットは、ドキュメント タイトルの タグと一緒に使用しない限り、冗長であり、不要です。 target="_top" は、現在のフォームで開かれるリンクを定義し、現在のフォーム全体 (フレーム ページ) を置き換えます。ページがフレーム内でスタックしている場合は、_top 値を使用してフレームから抜け出すことができます。一番上のターゲットを使用すると、含まれているフレームがすべてクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。フレーム付きページは、上部ウィンドウに対象ページを表示します。 target="_parent" このターゲットにより、ドキュメントが親ウィンドウ、またはハイパーリンクによって参照されるフレームを含むフレームセットにロードされます。この参照がウィンドウ内またはトップレベルのフレーム内にある場合、それはターゲットと同等です。 self。フレーム Web ページの現在のウィンドウ全体です。この場所はランディング ページを示します。

ハイパーリンクの下線を削除し、色を定義します（デフォルトは黒）: a{color:#000;text-decoration:none} マウスがハイパーリンクに移動したときのハイパーリンクの色を定義します。 hover{color :red}

画像のハイパーリンク: 4e438e11b7dd04ce241e814fd296ee63a2195f81f28da866af046b484fa75e3a5db79b134e9f6b82c0b36e0489ee08ed

このテキストリンク:e388a4556c0f65e1904146cc1a846beec52209db4a420496b03d68d9b059ea7fこのテキスト5db79b134e9f6b82c0b36e0489ee08edは、このウェブサイト上のページへのリンクです。 94b3e26ee717c64999d7867364b1b4a3。 htef="/abc/" などの相対パスは、このサイト内のハイパーテキストを表します。

HTMLリンクのid属性。クラスも使用できます。id は一意性を表し、クラスは集合です。つまり、同じ名前を持つすべてのクラスを定義できます。 id 属性を使用して、HTML ドキュメント内にブックマーク タグを作成できます。このブックマークが一意になるように、ID を付けて名前を付けます。 HTML ドキュメントに ID を挿入します: 8392aa529cd444d59ecd93ac1b8f988bハイパーリンク5db79b134e9f6b82c0b36e0489ee08ed。 HTML ドキュメント内に「ハイパーリンク(id="tips")」へのリンクを作成します: 3fcf6e84cf29621a10f6635a9ed09f58Jump5db79b134e9f6b82c0b36e0489ee08ed。あるいは、別のページから「ハイパーリンク (id="tips") セクション」へのリンクを作成します: b43782dd1d967a6a50f769ec23ffec43クリックしてジャンプ5db79b134e9f6b82c0b36e0489ee08ed。

メールリンク: 9e347835cc4e7a1720826bcf8abb9455メール5db79b134e9f6b82c0b36e0489ee08ed 現在のシステムで使用するには、EMAIL クライアント プログラムをインストールする必要があります。Firefox/IE を使用して行うことができます。テストしてみると、メールへのリンクが表示されます。

　　dde6fb694e6711ae5e6f381704c04ae4 标签定义页面中所有链接的默认地址或默认目标。该标签作为 HTML 文档中所有的链接标签的默认链接。在 HTML 中，dde6fb694e6711ae5e6f381704c04ae4 标签没有结束标签，且为为元信息标签。在一个文档中，最多能使用一个 dde6fb694e6711ae5e6f381704c04ae4 元素。dde6fb694e6711ae5e6f381704c04ae4 标签必须位于 93f0f5c25f18dab9d176bd4f6de5d30e 元素内部，而且 dde6fb694e6711ae5e6f381704c04ae4 标签需要排在 93f0f5c25f18dab9d176bd4f6de5d30e 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 dde6fb694e6711ae5e6f381704c04ae4 元素中的信息了。如果使用了 dde6fb694e6711ae5e6f381704c04ae4 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。2091ec213d875fb35c88b963a514915c 可定义页面中所有的超链接都从新窗口打开，如其中有不需要在新窗口打开的，可在 3499910bf9dac5ae3c52d5ede7383485 标签内自行定义：d12ad3823a078e13d2501f390df62d43链接5db79b134e9f6b82c0b36e0489ee08ed。

 1 <!DOCTYPE html> 2 <html> 3 <head> 4     <meta charset="UTF-8"> 5     <title>示例</title> 6     <base href="http://www.demo.com/images/" target="_blank"> 7 </head> 8 <body> 9 <img src="images.gif"><br/>10 <a href="http://www.demo.com">跳转</a>11 </body>12 </html>

　　上面代码中，图像是默认链接的 demo.com 中一张名为 images 的图片，点击超链接跳转到该网站，并且在新窗口打开目标页面。

 

　　c787b9a589a3ece771e842a6176cf8e9 (H5) 标签定义导航链接的部分，并不是所有的 HTML 文档都要使用到 c787b9a589a3ece771e842a6176cf8e9 元素。c787b9a589a3ece771e842a6176cf8e9 元素只是作为标注一个导航链接的区域，在不同设备上(手机或者PC)可以制定导航链接是否显示，以适应不同屏幕的需求。

 

　　(5)、图像标签

　　HTML 图像是通过a1f02c36ba31691bcfe87b2722de723b 标签来定义的。图像的名称和尺寸是以属性的形式提供的，添加动态图片和添加静态图片格式是一样的，只是图像文件格式可能会有所不同。注意：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。a1f02c36ba31691bcfe87b2722de723b 标签的作用是为被引用的图像创建占位符。通过在 3499910bf9dac5ae3c52d5ede7383485 标签中嵌套 a1f02c36ba31691bcfe87b2722de723b 标签，可以给图像添加到另一个文档的链接，浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。在 HTML 中，a1f02c36ba31691bcfe87b2722de723b 标签没有结束标签。

<img src="images/head.gif" width="90" height="90" alt="替代文本" title="图片描述"> 

　　a1f02c36ba31691bcfe87b2722de723b 标签有两个必需的属性：src 和 alt。 要在页面上显示图像，就需要使用源属性(src)，src 指 "source（来源）"，源属性的值是图像的 URL 地址，URL 指存储图像的位置。如果从另一个文件夹中添加图像，需要选择图片的路径：bea59b1daa49a8cefe73b912acb7e44e。如果从另一个网站中添加图像，需要选择网站图片的路径，假如名为 "head.gif" 的图像位于 www.demo.com 的 images 目录中，那么其 URL 为 http://www.demo.com/images/head.gif。alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

　　注意：title 属性用于把鼠标移动到图片上时显示文字信息，只有在重要的图片或者网站标志 LOGO 上加此属性。width 和 height 属性用于设置图像的高度与宽度。属性值默认单位为像素：px。指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。注意：假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件，加载图片是需要时间的，在加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片。

　　ismap 属性是一个布尔属性，可直接使用，用于将图像规定为服务器端图像映射，图像映射指的是带有可点击区域的图像。usemap 属性值为 #mapname 用于将图像定义为客户器端图像映射。HTML5 中增加了一个 新属性 crossorigin 值为 anonymous、use-credentials 用于设置图像的跨域属性。

テキストに画像を挿入するには、画像をテキストの下部に揃える必要があります。ここで設定されていない場合は、画像がテキストの下部に配置されます。テキストの下から少し離れた位置になります。画像をテキストの中央に揃える必要がある場合は、.img{vertical-align:middle} に設定します。画像をテキストの上部に揃える必要がある場合は、-: .img{vertical-align:top} に設定します。

vertical-align この属性のデフォルト値はbaselineです。画像が高さをサポートしているため、挿入されたimg要素は親要素のベースラインに配置されます。実際には、テキストが下に移動するのではなく、画像の高さがテキストとは異なり、群衆の中で目立つように見えます。 vertical-align は「垂直」+「配置」を意味します。これは主にテーブルで使用され、行内の要素の垂直方向の配置を定義します。要素が配置されている行のベースライン すべてのブラウザ すべてのコンバータは、vertical-align 属性をサポートします。

多くの値があります:
baseline: ベースライン、デフォルト値。要素は親要素のベースライン上に配置されます。
sub: 縦方向に配置されたテキストの下付き文字。
sup: テキストの上付き文字を縦に揃えます。
上: 要素の上部を行内の最も高い要素の上部に揃えます。
text-top: 要素の上部を親要素のフォントの上部に揃えます。
middle: この要素を親要素の中央に配置します。
bottom: 要素の上部を行の最下位の要素の上部に揃えます。
text-bottom: valign 機能をサポートするオブジェクトのテキストをオブジェクトの下部に揃えます。
length: 長さの値を使用して、ベースラインからのオフセットを指定します。負の値にすることもできます。数値のベースラインは 0 です。
パーセンテージ(%): ベースラインからのオフセットを指定するためにパーセンテージを使用します。パーセンテージのベースラインは 0% です。

vertical-align 属性は、要素が配置されている行のベースラインを基準とした、インライン要素のベースラインの垂直方向の配置を定義します。負の長さの値とパーセンテージ値を指定できます。これにより、要素が増加するのではなく減少します。表のセルでは、このプロパティはセル ボックス内のセルの内容の配置を設定します。 valign は、テーブルの配置を定義するために使用されます (top (上部の配置) | middle (中央の配置) |bottom (下部の配置) | Baseline (ベースラインの配置))。 valign は通常、上、中、下として理解できます。整列との違いは次のとおりです。整列は左、中央、右で、テキストの配置を設定するために使用されます。text-align:center は中央に、text-align:left です。は左側、text-align:right は右側です。

テキスト内の画像の位置を定義するには、下マージンを負の値に設定して、その設定を強制することもできます。画像の高さが 90px の場合、次のように定義できます。 bottom:-45px;}、つまり、画像は下から 45 ピクセルでインデントされます。ピクセルごとに異なる位置を定義できますが、この設定では行の高さが高くなります。この定義は推奨されませんが、特別な場所で使用できます。

dab9f699790ab0922e596ecb9f6677d5 はイメージマップを定義します。 03fc64e1e502d5ba947b3a9af06d2d2a タグは、イメージ マップ内のクリック可能な領域を定義します。クリック可能な領域を含むイメージ マップを作成できます。各領域はハイパーリンクです。

dab9f699790ab0922e596ecb9f6677d5 はクライアント側のイメージマッピングに使用されます。イメージ マップは、クリック可能な領域のある画像です。 a1f02c36ba31691bcfe87b2722de723b タグの usemap 属性は、dab9f699790ab0922e596ecb9f6677d5 の id または name 属性を参照できるため、id 属性と name 属性の両方を dab9f699790ab0922e596ecb9f6677d5 に追加する必要があります。注: HTML5 では、

03fc64e1e502d5ba947b3a9af06d2d2a タグはイメージマップ内のエリアを定義します。注: 03fc64e1e502d5ba947b3a9af06d2d2a 要素は常に dab9f699790ab0922e596ecb9f6677d5 要素内にネストされます。 a1f02c36ba31691bcfe87b2722de723b タグの usemap 属性は、dab9f699790ab0922e596ecb9f6677d5 要素の名前に関連付けられて、画像とマップ間の関係を作成します。 HTML では、03fc64e1e502d5ba947b3a9af06d2d2a タグには終了タグがありません。

　　03fc64e1e502d5ba947b3a9af06d2d2a 标签属性，href 属性规定区域的目标 URL。alt 属性规定区域的替代文本，如果使用 href 属性，则该属性是必需的。coords 属性值为 coordinates 规定区域的坐标。shape 属性值为（default(默认)、circle、rect、poly）规定区域的形状。target 属性规定在何处打开目标 URL。media 属性规定目标 URL 是为何种媒介/设备优化的，默认为：all。在 HTML5 中增加了一个新属性 rel ，他的值为（alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag)）规定当前文档与目标 URL 之间的关系。

　　图像映像的语法：

1 <img src="images/demo.jpg" alt="太阳系" usemap="#sun">2 <map name="sun">3     <area shape="circle" coords="132,570,122" alt="太阳" href="index.html" target="_blank">4 </map>

　　03fc64e1e502d5ba947b3a9af06d2d2a 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等：rect : 矩形，coords 对应的坐标为左上角和右下角。circle : 圆，coords 对应的是圆心(x，y)，和半径 r。poly：多边形，coords 对应的是每个点的坐标。

　　下面列出了每种形状的适当值：

　　圆形：shape="circle"，coords="x,y,r" 这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。

　　矩形：shape="rectangle"，coords="x1,y1,x2,y2" 第一对坐标是矩形的左上角的顶点坐标，另一对坐标是对角的顶点坐标(右下角)，("0,0" 是图像左上角的坐标)，请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

　　多边形：shape="poly"，coords="x1,y1,x2,y2,x3,y3,..." 每一对 "x,y" 坐标都定义了多边形的一个顶点("0,0" 是图像左上角的坐标)。定义三角形至少需要三组坐标；定义多边形则需要更多数量的顶点。

　　用 HTML 语言创建图像映射时，我们需要确定图像区域中的点坐标，用以下几种方法可以实现：

　　　　①：可以利用系统自带的画图工具确定坐标。

　　　　②：可以用 PS 确定坐标。按 Ctrl+r 快捷键，右键选定显示距离为像素，默认是厘米。

　　　　③：采用逆向思维把图像转换成图像映射，可以利用以下代码实现：

1 <p>2     <a href="http://www.baidu.com/" target="_blank"><img src="images/demo.jpg" ismap alt="太阳系"></a>3 </p>

　　之所以图片代码前引用一段 url 是为了鼠标停留在图片上时，可以在浏览器窗口的状态栏中看到返回值出现的点坐标，小手指点在哪里，对应的就是像素点的纵横坐标值，记下这个值，把它应用到创建图像映射的语法中，就能实现区域取值了。注意：某些浏览器不支持此功能不能查看坐标返回值，比如 360浏览器，可以使用 IE 浏览器记录。

 

　　5ba626b379994d53f7acf72a64f9b697 (H5) 标签定义图形，比如图表和其他图像，标签只是图形容器，你必须使用脚本来绘制图形。5ba626b379994d53f7acf72a64f9b697 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。注意：5ba626b379994d53f7acf72a64f9b697 标签只是图形容器，必须使用脚本来绘制图形。5ba626b379994d53f7acf72a64f9b697 元素中的任何文本将会被显示在不支持 5ba626b379994d53f7acf72a64f9b697 的浏览器中。width 和 height 属性规定画布的宽度和高度。

　　24203f2f45e6606542ba09fd2181843a (H5) 标签规定独立的流内容（图像、图表、照片、代码等等）。24203f2f45e6606542ba09fd2181843a 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的，如果被删除，则不应对文档流产生影响。提示：614eb9dc63b3fb809437a716aa228d24 元素被用来为 24203f2f45e6606542ba09fd2181843a 元素定义标题。

　　614eb9dc63b3fb809437a716aa228d24 (H5) 标签为 24203f2f45e6606542ba09fd2181843a 元素定义标题。614eb9dc63b3fb809437a716aa228d24 元素应该被置于 24203f2f45e6606542ba09fd2181843a 元素的第一个或最后一个子元素的位置。

　　9b66618b56ad8833e792d2ba7c315ba9 (H5) 标签可以设置多张图片，主要被用来处理响应式图片。9b66618b56ad8833e792d2ba7c315ba9 元素类似于 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92 元素。9b66618b56ad8833e792d2ba7c315ba9 元素本身没有属性，被用来当做 e02da388656c3265154666b7c71a8ddc 元素的容器。e02da388656c3265154666b7c71a8ddc 元素是用来加载多媒体的比如视频和音频，已经被更新用到图片的加载并且一些新的属性已经被添加，srcset 属性的必需的，定义了图片资源。9b66618b56ad8833e792d2ba7c315ba9 元素可以设置不同的资源，第一个设置的资源为首选使用的：

1 <picture>2     <source srcset="smallflower.jpg" media="(max-width:400px)">3     <source srcset="flowers.jpg">4     <img src="imges/flowers.jpg" alt="Flowers">5 </picture>

　　注意：火狐浏览器支持 picture 标签。360 和 IE 不支持 picture 标签，需要搭载 JS 环境让 IE 浏览器识别 picture 标签。

 

　　(6)、多媒体标签

　　b97864c2e0ef2353a16c4d64c7734e92 (H5) 标签定义音频内容，也就是定义声音，比如音乐或其他音频流。目前，b97864c2e0ef2353a16c4d64c7734e92 元素支持的3种文件格式：MP3、Wav、Ogg。有些浏览器不支持某种格式，建议采取两种格式写，用 MP3 或 Wav 就可以。音频格式的 MIME 类型：MP3-MIME-type：audio/mpeg 。Wav-MIME-type：audio/wav 。Ogg-MIME-type：audio/ogg 。可以在 b97864c2e0ef2353a16c4d64c7734e92 和 81d2bc32cafa2076a27f10cdd878d0ab 之间放置文本内容，这些文本信息将会被显示在那些不支持 b97864c2e0ef2353a16c4d64c7734e92 标签的浏览器中。

　　b97864c2e0ef2353a16c4d64c7734e92 是 HTML5 新增加的标签，src 属性用于规定音频文件的 URL。autoplay 属性：如果出现该属性，则音频在就绪后马上播放。controls 属性：如果出现该属性，则向用户显示音频控件(比如播放/暂停按钮)。loop 属性：如果出现该属性，则每当音频结束时重新开始播放。muted 属性：如果出现该属性，则音频输出为静音。preload 属性值为（auto、metadata、none），用于规定当网页加载时，音频是否默认被加载以及如何被加载。

　　39000f942b2545a5315c57fa3276f220 (H5) 标签定义视频，比如电影片段或其他视频流。目前，39000f942b2545a5315c57fa3276f220 元素支持三种视频格式：MP4、WebM、Ogg。MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器。WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器。音频格式的 MIME 类型：MP4：video/mp4。WebM：video/webm。Ogg：video/ogg。 可以在 39000f942b2545a5315c57fa3276f220 和 a6a9c6d3f311dabb528ad355798dc27d 标签之间放置文本内容，这样不支持 39000f942b2545a5315c57fa3276f220 元素的浏览器就可以显示出该标签的信息。

　　39000f942b2545a5315c57fa3276f220 是 HTML5 新增加的标签，src 属性定义要播放的视频的 URL。width 和 height 属性用于设置视频播放器的宽度/高度。autoplay 属性值：如果出现该属性，则视频在就绪后马上播放。controls 属性：如果出现该属性，则向用户显示控件，比如播放按钮。loop 属性：如果出现该属性，则当媒介文件完成播放后再次开始播放。muted 属性：如果出现该属性，视频的音频输出为静音。poster 属性值为 URL 用于规定视频正在下载时显示的图像，直到用户点击播放按钮。preload 属性值为（auto、metadata、none）：如果出现该属性，则视频在页面加载时进行加载，并预备播放，如果使用 "autoplay"，则忽略该属性。

 

　　e02da388656c3265154666b7c71a8ddc (H5) 标签为媒介元素（比如 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92）定义媒介资源。e02da388656c3265154666b7c71a8ddc 标签允许规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。src 属性用于规定媒体文件的 URL。type 属性规定媒体资源的 MIME 类型。

　　9bf7cbf2c39baa37076a22499de2f6ed (H5) 标签为媒体元素（比如 b97864c2e0ef2353a16c4d64c7734e92 and 39000f942b2545a5315c57fa3276f220）规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。src 属性是必需的，用于规定轨道文件的 URL。default 属性规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。kind 属性值为（captions、chapters、descriptions、metadata、subtitles）用于规定文本轨道的文本类型。srclang 属性用于规定轨道文本数据的语言，如果 kind 属性值是 "subtitles"，则该属性是必需的。label 属性规定文本轨道的标签和标题。

 

　　(7)、表单标签

HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。フォーム要素を使用すると、ユーザーはテキスト フィールド、ドロップダウン リスト、ラジオ ボタン、チェック ボックスなどのコンテンツを入力できます。 、など。

フォームは、form タグ ff9c23ada1bcecdd1a0fb5d5a0f18437 を使用して設定されます。ほとんどの場合、使用される form タグは、input タグ d5fd7aea971a85678ba271703566ebfd です。入力タイプは type 属性 (type) によって定義されます。一般的に使用される入力タイプのほとんどは次のとおりです。

①: ユーザーが文字、数字などを入力する場合、テキスト フィールドは 23efcc05e98690ceeb219581933e4231 タグによって定義されます。フォームの場合、テキストフィールド入力を使用します。

②: パスワードフィールドは 794332e4da1b97221ff0ba8bc66903c4 で定義されます。注: パスワード フィールドの文字はクリア テキストでは表示されず、アスタリスクまたはドットに置き換えられます。

③: ラジオボタンは d11dad02a1f3abd212da65221b2dc681 で定義されます。ラジオ ボタンは、ユーザーが複数の選択肢の中から 1 つを選択するときに使用されます。

④: チェックボックスは 2213c9627c391f00ef101b1592023bcb で定義されます。ユーザーは、与えられた多数の選択肢から 1 つまたは複数のオプションを選択する必要があります。

⑤: 送信ボタンは 54b28e0e73a12e4a8ed487872a6fb5b8 で定義されます。

⑥: ドロップダウン リスト ボックスは、ff9c23ada1bcecdd1a0fb5d5a0f18437 タグの下の 221f08282418e2996498697df914ce4e タグで定義されます。 ffc685ea3c33caf6961d7cf4966d7c52BMW4afa15d3069109ac30911f04c56f3338 ラベルは、ドロップダウン リスト ボックスの内容を定義します。

その他: ①: 事前に選択されたドロップダウン リスト ボックスの形式とドロップダウン リスト ボックスは同じで、事前に選択された値としてラベルに selected (selected) を追加するだけです: 78296f4b1d6e4eede48e264c1f8283a6Audi (アウディ) 4afa15d3069109ac30911f04c56f3338」。

②: 複数行のテキスト入力はタグ 16a08baccc8b3a5a48225f030fb942f2 を使用して定義されており、rows は行、cols は列を設定するために使用できます。テキスト ボックスのサイズを設定するかどうか。これは、テキスト ボックスに入力されるテキストの量には影響しませんが、テキスト ボックスの表示サイズにのみ影響します。より良い方法は、CSS を使用してテキスト フィールドの幅と高さを定義することです。

ff9c23ada1bcecdd1a0fb5d5a0f18437 タグは、ユーザー入力用の HTML フォームを作成するために使用されます。 ff9c23ada1bcecdd1a0fb5d5a0f18437 には次のフォーム要素が含まれます: bb9345e55eb71822850ff156dfde57c8 5b7a15bed8615d1b843806256bebea72 。注: フォーム自体は表示されません。 HTML5 では、autocomplete と novalidate という 2 つの新しい属性が追加され、HTML 4.01 の一部の属性はサポートされなくなりました。このタグの属性 action は必須であり、その値はサーバー アドレスです。action="www.demo. com/index.html"、サイト内のファイルを指す相対 URL (action="index.html" など)。

ff9c23ada1bcecdd1a0fb5d5a0f18437 2 つの最も重要な属性は、アクションとメソッドです。アクションは、フォームが送信されるときにフォーム データを送信する場所を指定するために使用されます。 Method はフォーム データの送信に使用される HTTP メソッドを指定します。デフォルトのメソッドは GET です。 accept-charset 属性は、サーバーが処理できるフォーム データの文字セットを指定します。 name 属性はフォームの名前を指定し、JS 内の要素を参照したり、フォームが送信された後にフォーム データを参照したりするために使用できます。 enctype 属性は、フォーム データをサーバーに送信する前にエンコードする方法を指定します。method="post" の場合に適用されます。 target 属性を使用して、アクション URL を開く場所を指定できます。 autocomplete 属性値は、フォームのオートコンプリート機能を有効にするかどうかを指定するために (on、off) 使用されます。 novalidate 属性: この属性を使用すると、フォームの送信時に検証は実行されません。

d5fd7aea971a85678ba271703566ebfd タグは、入力コントロールを定義し、ユーザーがデータを入力できる入力フィールドを指定します。 d5fd7aea971a85678ba271703566ebfd 要素は、ユーザーがデータを入力できるようにする入力コントロールを宣言するために ff9c23ada1bcecdd1a0fb5d5a0f18437 要素内で使用されます。注: d5fd7aea971a85678ba271703566ebfd 要素は空であり、label 属性のみが含まれています。 2e1cf0710519d5598b1f0f14c36ba674 要素を使用して、d5fd7aea971a85678ba271703566ebfd 要素のラベルを定義できます。 CSS を使用して d5fd7aea971a85678ba271703566ebfd 要素の配置を定義できます。 HTML5 では、いくつかの新しい属性が d5fd7aea971a85678ba271703566ebfd に追加され、対応する値が追加されました。 HTML では、d5fd7aea971a85678ba271703566ebfd タグには終了タグがありません。

d5fd7aea971a85678ba271703566ebfd 要素の属性: type 属性は、表示される d5fd7aea971a85678ba271703566ebfd 要素のタイプを指定します。そのタイプは、テキスト (デフォルト、単一行のテキスト フィールド、幅は 20 文字)、ボタン (ボタン) です。 、radio (ラジオ ボタン)、checkbox (チェックボックス)、password (パスワード)、submit (送信ボタン)、image (送信ボタンとしての画像)、reset (リセット ボタン)、hidden (非表示の入力フィールド)、file ( ファイル選択フィールドの定義ファイルアップロード用の「参照...」ボタン)。 HTML5 で新しく追加された type 属性値は次のとおりです: search (検索文字列の入力に使用)、url (URL の入力に使用されるフィールド)、email (電子メール アドレスの入力に使用)、tel (電話番号の入力に使用されます)、色 (カラー ピッカー)、数値 (数値の入力に使用されるフィールド)、範囲 (スライダー コントロールなど、正確な値が重要ではない数値の入力に使用されるコントロール)、時間 (入力に使用されるコントロール) time、タイムゾーンなし)、month (月と年のコントロール、タイムゾーンなし)、week (週と年のコントロール、タイムゾーンなし)、date (日付コントロール、年、月、日を含み、時間を除く)、datetime (日付と時刻の制御、UTC タイム ゾーンに基づく、年、月、日、時、分、秒、秒の小数を含む)、datetime-local (年、月、日、時、分を含む日付と時刻の制御) 、秒、秒の小数点）秒、タイムゾーンなし）。 value 属性は、d5fd7aea971a85678ba271703566ebfd 要素の値を指定します。 name 属性は、d5fd7aea971a85678ba271703566ebfd 要素の名前を指定します。 src 属性には、type="image" の場合のみ、送信ボタンとして表示される画像の URL を指定します。 alt 属性は、type="image" の場合にのみ、画像入力の代替テキストを定義します。 selected 属性は、ページのロード時に事前に選択する必要がある d5fd7aea971a85678ba271703566ebfd 要素を指定します (type="checkbox" または type="radio" の場合のみ)。 readonly 属性は、入力フィールドが読み取り専用であることを指定します。 disabled 属性は、どの d5fd7aea971a85678ba271703566ebfd 要素を無効にするかを指定します。 size 属性は、d5fd7aea971a85678ba271703566ebfd 要素の表示幅を文字数で指定します。 maxlength 属性は、d5fd7aea971a85678ba271703566ebfd 要素で許可される最大文字数を指定します。 accept 属性値は (audio/* video/* image/* MIME_type) で、type="file" の場合にのみ、ファイル アップロードによって送信されるファイルの種類を指定するために使用されます。

以下は、d5fd7aea971a85678ba271703566ebfd 要素に新しく追加された HTML5 の属性です。プレースホルダー属性は、入力 d5fd7aea971a85678ba271703566ebfd フィールドの期待値を説明する短いプロンプト メッセージを指定します。 required 属性は、フォームを送信する前に入力フィールドに入力する必要があることを指定します。 autocomplete 属性値 (on、off) は、d5fd7aea971a85678ba271703566ebfd 要素の入力フィールドでオートコンプリート機能を有効にするかどうかを指定します。 autofocus 属性は、ページの読み込み時に d5fd7aea971a85678ba271703566ebfd 要素が自動的にフォーカスを取得するように指定します。 multiple 属性は、ユーザーが d5fd7aea971a85678ba271703566ebfd 要素に複数の値を入力できることを指定します。 pattern 属性は、d5fd7aea971a85678ba271703566ebfd 要素の値を検証するために使用される正規表現を指定します。 step 属性は、d5fd7aea971a85678ba271703566ebfd 要素の有効な数値間隔を指定します。 list 属性値は datalist_id で、d5fd7aea971a85678ba271703566ebfd 要素の事前定義されたオプションを含む fc86e7b705049fc9d4fccc89a2e80ee3 要素を参照します。 width 属性と height 属性は、type="image" の場合にのみ、d5fd7aea971a85678ba271703566ebfd 要素の幅/高さを指定するために使用されます。 max 属性と min 属性は、d5fd7aea971a85678ba271703566ebfd 要素の最大値/最小値を指定します。 form 属性値は、d5fd7aea971a85678ba271703566ebfd 要素が属する 1 つ以上のフォームを指定する form_id です。 formaction 属性は、type="submit" および type="image" の場合にのみ、フォームの送信時に入力コントロールを処理するファイルの URL を指定します。 formenctype 属性は、サーバーに送信するときにフォーム データをエンコードする方法を指定します。これは、type="submit" および type="image" にのみ適しています。 formmethod 属性値は (get, post) を使用して送信を定義します。