home > 『Web標準の教科書』読者サポートページ > 第5章 第3節
第5章 第3節(p.362-366)
[XHTML1.0 Transitional/Frameset]
<applet code="ImageFader.class" width="200" height="160">
<param name="imageDir" value="image" />
<param name="images"
value="Phot006.jpg|Phot009.jpg|Phot011.jpg" />
<param name="bgColor" value="e8e8e8" />
</applet>
[XHTML1.1]
<object data="ImageFader.class" width="200" height="160">
<param name="imageDir" value="image" />
<param name="images"
value="Phot006.jpg|Phot009.jpg|Phot011.jpg" />
<param name="bgColor" value="e8e8e8" />
</object>
[XHTML1.0 Transitional/Frameset]
<basefont size="3" />
[XHTML1.1]
body { font-size: large }
[XHTML1.0 Transitional/Frameset]
<center>
<p>中央揃え</p>
</center>
[XHTML1.1]
p { text-align: center }
:
:
<p>中央揃え</p>
[XHTML1.1]
p {
margin-right: auto;
marign-left: auto;
}
:
:
<p>中央揃え</p>
[XHTML1.0 Transitional/Frameset]
<dir>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</dir>
[XHTML1.1]
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
[XHTML1.0 Transitional/Frameset]
<font color="red" size="3" face="Arial, sans-serif">
CSSは表現のコントロールための言語である。
</font>
[XHTML1.1]
.note {
color: red;
font-size: large;
font-family: Arial, sans-serif;
}
:
:
<span class="note">
CSSは表現のコントロールための言語である。
</span>
[XHTML1.0 Transitional/Frameset]
<iframe src="refer.html" title="参照ページ" width="200" height="300">
参照ページの部分で別枠表示
</iframe>
[XHTML1.1]
<object data="refer.html" title="参照ページ" width="200" height="200">
参照ページの部分で別枠表示
</object>
[XHTML1.0 Transitional/Frameset]
<head>
<isindex prompt="キーワードを入力" />
</head>
[XHTML1.1]
<form action="/cgi-bin/search.cgi" method="post">
<p>
<input type="text" value="キーワードを入力" size="22" />
<input type="submit" value="検索" />
</p>
</form>
[XHTML1.0 Transitional/Frameset]
<menu>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</menu>
[XHTML1.1]
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
[XHTML1.0 Transitional/Frameset]
<strike>この部分は打ち消し線を引いています。</strike>
[XHTML1.1]
.delete { text-decoration: line-through }
:
:
<span class="delete">この部分は打ち消し線を引いています。</span>
[XHTML1.0 Transitional/Frameset]
<u>この部分は下線を引いています。</u>
[XHTML1.1]
.uline { text-decoration: underline }
:
:
<span class="uline">この部分は下線を引いています。</span>