ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 の タグの使用法についてどれくらい知っていますか? HTML5タグ属性の詳しい説明

HTML5 の タグの使用法についてどれくらい知っていますか? HTML5タグ属性の詳しい説明

寻∝梦
寻∝梦オリジナル
2018-08-16 14:09:313971ブラウズ

HTML5 タグの使用法についてどのくらい知っていますか?次の記事では、HTML5タグの7つの使い方と、HTML5タグの属性の使い方を中心に説明します。

HTML5 タグの定義と使用法:

タグは、プラグインなどの埋め込みコンテンツを定義します。以下に例があります:

HTML5 タグの属性:

HTML5 の <embed> タグの使用法についてどれくらい知っていますか? HTML5<embed>タグ属性の詳しい説明

HTML5 embed タグの使用法と属性の詳細な説明:

基本 構文

コードは次のとおりです:

embed src=url

説明: embed を使用して、さまざまなマルチメディアを挿入できます。形式は、Midi、Wav、AIFF、AU、MP3 などです。Netscape と新しいバージョンの IE がサポートしています。 。 URL はオーディオ ファイルまたはビデオ ファイルとそのパスであり、相対パスまたは絶対パスを使用できます。

例のコードは次のとおりです:

 <embed src="your.mid">

1. ラベルコンテナ属性:

構文: height=# width=#

説明: 値は正の整数またはパーセンテージです。単位はピクセルです。このプロパティは、コントロール パネルの高さと幅を指定します。

高さ: コントロール パネルの高さ;

幅: コントロール パネルの幅。

例のコードは次のとおりです:

<embed src="your.mid" height=200 width=200>

2. ラベルの前景色と背景色:

構文: パレット=カラー|カラー

説明: この属性は、埋め込まれたオブジェクトの前景色を表します。オーディオまたはビデオ ファイルと背景色。最初の値は前景色、2 番目の値は | で区切られた背景色です。色には、RGB カラー (RRGGBB)、色の名前、または透明を指定できます。

例のコードは次のとおりです:

 <embed src="your.mid" palette="red|black">

3. ラベルの配置:

構文: align=top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom

説明 : このプロパティは、コントロール パネルと現在の行のオブジェクトの配置を指定します。

中央: コントロール パネルが中央にあります。

左: コントロール パネルが左側にあります。

上: コントロール パネルの上部が右側にあります。現在の行の最も高いオブジェクトの上部;

下部: コントロール パネル コントロール パネルの下部は、現在の行のオブジェクトのベースラインと位置合わせされます。

ベースライン: コントロール パネルの下部は、テキストのベースライン;

texttop: コントロール パネルの上部が現在の行の最も高いテキストの上部に揃えられます。

middle: コントロール パネルの中央が現在の行のベースラインに揃えられます。

absmiddle: コントロール パネルの中央が現在のテキストまたはオブジェクトの中央に揃えられます。

absbottom: コントロール パネルの下部がテキストの下部に揃えられます。

例のコードは次のとおりです:

<embed src="your.mid" align=top>
 <embed src="your.mid" align=center>

4. ラベルの説明テキスト:

構文: title=#

説明: # は説明テキストです。この属性は、オーディオまたはビデオ ファイルの説明テキストを指定します。

例のコードは次のとおりです:

 <embed src="your.mid" title="第一首歌">

5. ラベルの外観設定:

構文:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 説明:この属性は、コントロールパネル。デフォルト値はコンソールです。

コンソール: 通常のパネル;

再生ボタン: 再生ボタンのみを表示;

停止ボタン: 停止ボタンのみを表示;音量調整ボタン。

例のコードは次のとおりです:

 <embed src="your.mid" controls=smallconsole>
 <embed src="your.mid" controls=volumelever>

6. ラベルの自動再生:

構文: autostart=true, false

説明: この属性は、オーディオ ファイルまたはビデオ ファイルを自動的に再生するかどうかを指定します。ダウンロード後にプレイしてください。

true: 音楽ファイルはダウンロード後に自動的に再生されます。

false: 音楽ファイルはダウンロード後に自動的に再生されません。

例のコードは次のとおりです:

<embed src="your.mid" autostart=true>
 <embed src="your.mid" autostart=false>

7. タグ ループ再生:

構文:loop=positive integer, true, false

説明: この属性は、オーディオ ファイルかビデオ ファイルかを指定します。ループされるとループの数。

属性値が正の整数値の場合、オーディオ ファイルまたはビデオ ファイルのループ数は正の整数値と同じです。

属性値が true の場合、オーディオ ファイルまたはビデオ ファイルはループします。属性値が false の場合、オーディオ ファイルまたはビデオ ファイルは循環しません。

例のコードは次のとおりです:

<embed src="your.mid" autostart=true loop=2>
 <embed src="your.mid" autostart=true loop=true>
 <embed src="your.mid" autostart=true loop=false>

HTML5 タグのヒントとメモ:

注: タグには src 属性が必要です。

ヒント:

以上がHTML5 の タグの使用法についてどれくらい知っていますか? HTML5タグ属性の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。