Word2000でホームページ作成 STEP10 いらないタグ削除　by tomisan.com

├	はじめに
├	STEP1 準備とWordの設定
├	STEP2 スタイルの設定
├	STEP3 Webページの作成
├	STEP4 表の活用・文字や画像挿入
├	STEP5 リンクを張ろう
├	STEP6 ファイルの保存とHTML Filter 2.1
├	STEP7 FFFTPで転送
├	STEP8 スクロールとフォーム
├	STEP9 フレームやサウンド
├	STEP10 いらないタグ削除
└	その他1 フォルダ名に「.」が使えないYahoo!ジオシティーズ

STEP 10 いらないタグ削除

行を変えるときに「Enter」キーのみを押すのではなく、
「Shift」キー＋「Enter」キーにすると、「改行」<br>になるので、<p>の記述が減ります。

■Wordで自動的に吐き出されたソース

<html>
<head>
<meta name=generator content="Microsoft Office HTML Filter 2.1">
<meta http-equiv=content-type content="text/html; charset=shift_jis">
<meta name=originator content="Microsoft Word 9">
<title>スタイルの設定</title>
<style>
<!--
p.msonormal, li.msonormal, div.msonormal
              {
              margin:0mm;
              margin-bottom:.0001pt;
              font-size:11.0pt;
              font-family:"ＭＳ Ｐゴシック";
              color:#666699;}
a:link, span.msohyperlink
              {
              color:green;
              text-decoration:underline;}
a:visited, span.msohyperlinkfollowed
              {
              color:green;
              text-decoration:underline;}
-->
</style>
</head>
<body lang=ja link=green vlink=green style='text-justify-trim:punctuation'>
<div class=section1>
<p class=msonormal>スタイルの設定<span lang=en-us><br>
文字の色・・・ブルーグレーに設定している。<br>
フォント・・・MS Pゴシックに設定されている。<br>
ハイパーリンクの色・・・</span><span style='color:green'>緑に設定<span lang=en-us><br>
<span class=msohyperlink><a href="http://www.tomisan.com/">Word2000でホームページ作成</a><br>
</span></span></span>↑スタイルで緑に設定している<span lang=en-us><br><br></span></p>

</div>
</body>
</html>

また、このソースで必要のないところがいくつかあるのですが
★<div class=Section1>～</div>の、class=Section1はスタイルでclass指定がされていないので必要ないです。削除してかまいません。

★<span lang=EN-US>～</span>は、言語コードが「アメリカ英語」を指すものです。
どういうわけか、文章に英語が入ると日本語コード（lang="ja"）ではなく、EN-USと記述されます。<body lang=JA>と指定してありますので、<span lang=EN-US></span>は削除してかまいません。

★<style></style>内の記述も、li.MsoNormal,div.MsoNormalは必要ありません。
<body></body>内に、<li class=MsoNormal><div class=MsoNormal>がないため。

また、span.MsoHyperlinkとspan.MsoHyperlinkFollowedも削除してかまいません。その際、<span class=MsoHyperlink><a href="http://www.tomisan.com/">Word2000でホームページ作成</a></span>
この部分を<a href="http://www.tomisan.com/">tomisan's room/Word,Word2000でホームページ作成</a>のように書き換えます。

★<style type="text/css">と書き直します。これが正式です。

表示はおなじでも、ソースを見るとずいぶん違います。
↓余分なところを全て削除したソースです。

■ムダな部分を削除または書き直したソース

<html lang="ja">
<head>
<meta http-equiv=content-type content="text/html; charset=shift_jis">
<title>スタイルの設定</title>
<style type="text/css">
<!--
p
              {
              font-size:11.0pt;
              font-family:"ＭＳ Ｐゴシック";
              color:#666699;}
a:link
              {
              color:green;
              text-decoration:underline;}
a:visited
              {
              color:green;
              text-decoration:underline;}
-->
</style>
</head>

<body link="green" vlink="green">
<p>スタイルの設定<br>
文字の色・・・ブルーグレーに設定している。<br>
フォント・・・MS Pゴシックに設定されている。<br>
ハイパーリンクの色・・・<span style="color:green">緑に設定</span><br>
<a href="http://www.tomisan.com/">Word2000でホームページ作成</a><br>
↑スタイルで緑に設定している</p>
</body>
</html>

その他1へ>>

▲このページの先頭へ

Copyright(C) tomisan.com All rights Reserved.