au by KDDI EZfactory

ヘルプ | サイトマップ

EZfactoryサイト内検索

XHTML HDML マルチメディア・コンテンツ 技術情報 ダウンロード
XHTML
XHTMLについて

コンテンツの制作

XHTML Basicの基本

応用機能の使用


制作


概要 制作 制作例

制作してみよう


01
<?xml version="1.0" encoding="Shift_JIS"?>
02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
03
<html>
04
<head>
05
<title>制作してみよう</title>
06
</head>
07
<body bgcolor="#FF0000">
08
<bgsound loop="infinite" src="sample.pmd" />
09
<center>
10
<marquee loop="infinite">
11
<img localsrc="xxxx" />XHTML Basicを応用してみよう!
12
</marquee>
13
</center>
14
<br />
15
<object data="http://URLを表記/sample.qcp" type="audio/vnd.qcelp" standby="ダウンロード">
16
<param name="title" value="sound" valuetype="data" />
17
<param name="size" value="3470" valuetype="data" />
18
<param name="disposition" value="dev13anq" valuetype="data" />
19
</object>
20
<br />
21
<a href="URLを表記" accesskey="1">1 指定URL1へ</a><br />
22
<a href="URLを表記" accesskey="2">2 指定URL2へ</a><br />
23
<br />
24
<a href="tel:090XXXXXXXX">電話をします</a><br />
25
<a href="mailto:X@X.co.jp">メールを送ります</a><br />
26
<a href="index.html" title="戻る">前のページへ</a>
27
</body>
28
</html>

上記で使ったサンプルのソースコードを解説していきます。

07
<body bgcolor="#FF0000">

<body>タグのbgcolor属性を使用することによりページ全体の背景色をしていすることが出来ます。
色の指定は16進数もしくはカラーネームで指定します。

詳しくは技術情報の「色指定」をご覧ください。

XHTML Basicについて > 色指定

その他に
text属性=文字の色を指定 (16進数もしくはカラーネームで指定)
link属性=リンクを貼った文字色の指定 (16進数もしくはカラーネームで指定)
background属性=背景にイメージを指定 (画像のあるURLを指定)
等があります。

08
<bgsound loop="infinite" src="sample.pmd" />

コンテンツ上で効果音やBGM等のサウンドデータを再生させることが出来ます。

詳しくは技術情報の「<bgsound>タグ」をご覧ください。

独自拡張タグ・特徴のあるタグ > <bgsound>タグ

10
<marquee loop="infinite">

このタグで囲まれた部分の文字列を横にスクロールして表示させます。 loop属性でスクロールの回数を指定します。無限にループさせる場合はinfiniteと表記します。

11
<img localsrc="xxxx">

任意のアイコン (絵文字) をコンテンツに表示することが出来ます。

詳しくは技術情報の「絵文字」をご覧ください。

技術情報 > 絵文字

12
</marquee>

<marquee>の終了を宣言をしています。

15
<object data="http://URLを表記/sample.qcp" type="audio/vnd.qcelp" standby="ダウンロード">

HDML記述でデータをダウンロードさせたい場合はダウンロードCGIを使用しましたがXHTMLでは、<object>タグを使用して動画像データやその他マルチメディアデータのダウンロードリンクの生成に利用します。

詳しくは技術情報の「<object>タグ」「サーバ設定・文字コード指定」をご覧ください。

独自拡張タグ・特徴のあるタグ > <object>タグ
そのほかの技術情報> サーバ設定・文字コード指定

16
<param name="title" value="sound" valuetype="data" />

ダウンロードファイルのタイトルの指定をします。

17
<param name="size" value="3470" valuetype="data" />

ダウンロードファイルのデータサイズを記載します。

18
<param name="disposition" value="dev13anq" valuetype="data" />

ダウンロードファイルのdispositionが記載します。

19
</object>

<object>タグの終了を宣言をしています。

21
<a href="URLを表記" accesskey="1">1 指定URL1へ</a>
22
<a href="URLを表記" accesskey="2">2 指定URL2へ</a>

端末のダイヤルボタンをショートカットキーとして割り当てることが可能となります。

詳しくは技術情報の「独自拡張タグ・特徴のあるタグ」をご覧ください。

XHTML Basicについて > 独自拡張タグ・特徴のあるタグ

24
<a href="tel:090XXXXXXXX">電話をします</a>

サイト上からのダイヤル (phone to) を指定します。

25
<a href="mailto:X@X.co.jp">メールを送ります</a>

サイト上からの電子メール (mail to) を指定します。

詳しくは技術情報の「mailtoの指定方法」をご覧ください。

独自拡張タグ・特徴のあるタグ > mailtoの指定方法

26
<a href="index.html" title="戻る">前のページへ</a>

ソフトキーに表示される文字列を指定することが出来ます。

詳しくは技術情報の「ソフトキーラベル」をご覧ください。

独自拡張タグ・特徴のあるタグ > ソフトキーラベル


XHTML Basicのタグについて詳しく知りたい方は技術情報の「主要タグの説明」をご覧ください。

XHTML Basicについて > 主要タグの説明



概要 制作 制作例

このページの先頭へ



KDDI: ユビキタス・ソリューション・カンパニー
au 電話・インターネット 法人サービス 会社情報
Designing The Future ここから当ウェブサイトの情報についてのメニューです。
免責事項 リンクについて 推奨環境 プライバシーポリシー Copyright © KDDI CORPORATION. All Rights Reserved.