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

WBOY
リリース: 2016-06-24 11:19:41
オリジナル
1109 人が閲覧しました

学習ポイント:

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.