第 8 章 埋め込み要素_html/css_WEB-ITnose

学習ポイント:

1. 埋め込み要素の概要

2. 埋め込み要素の分析

講師: Li Yanhui

この章では、主に HTML5 の埋め込み要素について説明します。組み込みの主な機能要素は外部要素を統合するためのものです。一部のリソースは HTML に挿入されます。

1.埋め込み要素の概要

オーディオ、ビデオ、ダイナミック イメージのキャンバスやメディア リソースのソース、トラックなど、ここにリストされているすべての要素がこのレッスンでカバーされるわけではありません。後の章または四半期で説明されます。 ...

mapはユーザークライアントパーティション応答グラフの領域を表しますオーディオリソースを表します ビデオリソースを表します ドキュメントを埋め込むプラグインを使用してコンテンツを埋め込みますHTML 動的グラフィックキャンバスを生成します許容値範囲の背景に値を埋め込んだグラフィック表現HTMLドキュメント内の埋め込みコンテンツ は、オブジェクトが渡されることを意味します 要素パラメータがプラグインに渡されることを意味します 目標の進捗状況のグラフィック表現を埋め込むまたはタスクの完了 メディアリソースを表します 構造化ベクトルコンテンツを表します はメディアの追加トラックを表します (字幕など）

<img src="img.png">

説明: 要素は主に外部画像を挿入するため、画像のパスの問題はハイパーリンク 。

クライアントパーティション応答マップを定義します	エリア
	オーディオ
	video
	iframe
	埋め込み
	canvas
	メーター
	オブジェクト
	param
	progress
	source
	svg
	track
	2．埋め込み要素の分析
1.	埋め込み画像

img

のプライベートプロパティ プロパティ名

説明

alt 画像の長さをピクセル単位で定義します画像の高さをピクセル単位で定義しますサーバー側パーティション応答マップを作成しますAssociation

src	埋め込み画像URL
画像が読み込まれないときに表示される代替コンテンツ	width
	身長
	ismap
	usemap
<a href="index.html"><img src="img.png" width="339" height="229" alt="风景图" ismap> </a> 2.创建分区响应图 <img src="img.png" alt="风景图" width="339" height="229" usemap="#Map"> <map name="Map"><area shape="rect" coords="31,28,112,100" href="http://www.baidu.com" target="_blank" alt="方形"><area shape="circle" coords="187,142,47" href="http://www.google.com" target="_blank" alt="圆形"><area shape="poly" coords="287,26,240,66,308,112" href="http://www.soso.com" target="_blank" alt="多边形"></map> 解释：通过图片中的热点进行超链接，这里我们采用 Dreamweaver 进行操作生成的。 3.