ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >HTMLタグ一覧 >埋め込みタグ

色々なデータを埋め込む

埋め込みタグで画像、テキストファイル、youtubeの動画など色々なデータを埋め込むことができます。 ブラウザでの表示はインラインフレームと同じような状態で表示されますが未対応の ブラウザもあります。

<object>〜</object>内に<param name="パラメータ名" value="値"> を加えると埋め込みデータの動作条件を与えるための情報を指定できます。 objectタグには以下のような属性を指定できます。

属性 説明
data 埋め込むファイル名を指定します。
type data属性を指定したファイルのMIMEタイプ(拡張子とファイルの種類を関連付けるもの)を指定します。
テキスト・・・text/html
XML文書・・・text/xml
GIF画像・・・image/gif
フラッシュ・・・application/x-shockwave-flash 等々。
classid データの所在をURIで指定します。
codetype classid属性を指定したファイルのMIMEタイプを指定します。
codebase data属性、classid属性を指定したファイルの基準になるURIを指定します。
width 埋め込みデータの横幅をpxや%で指定します。
height 埋め込みデータの高さをpxや%で指定します。

【ブラウザ表示】


ソース

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/azufyz5V-D0&hl=de&fs=1">
<param name="allowFullScreen" value="true">
<embed src="http://www.youtube.com/v/azufyz5V-D0&hl=de&fs=1" type="application/x-shockwave-flash" width="425" height="344"></embed>
</object>

■ 埋め込みデータが表示されない時の代替方法

一番目に指定したobjectタグでデータが表示されない場合は <object>〜</object>内にまた<object>〜</object>を 記述して入れ子にすると二番目、三番目という順に優先して対応しているデータが表示されます。
ソース

<OBJECT classid="java:douga.class" codetype="application/java codebase="http://www.javamovie.html/">
<object data="douga.mpg" type="video/mpeg">
<object data="./anime.gif" type="image/gif">
指定した埋め込みデータが表示されます。全てのデータが表示されないブラウザでは この部分の文章だけが表示されます。
</object>
</object>
</OBJECT>

■ その他の項目

音楽

HTMLタグ一覧のページに戻る

HTMLタグ
テキスト
イメージ
マーキー
テーブル
リンク
リスト
水平線
フォーム
メタタグ
フレーム
音楽タグ
埋め込みタグ

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.