CYBER@GARDEN

『Web標準の教科書』各章

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>