ＨＴＭＬタグ言語で何ができるか（10）─置換機能を覚えるⅤ（拡張子の一部を置換する場合）

ＨＴＭＬタグ言語で何ができるか（１０）

置換機能を覚えるⅤ（拡張子の一部を置換する場合）

（１）ファイルの種類

写真（１）

　写真（１）は、ファイルの種類です。
（１）「

」は、ページのファイル名（htm）です。
（２）「

」は、イメージ（写真など）のファイル名（jpg）です。

（２）新聞のデータ画面

写真（２）

　写真（２）は、新聞のデータ画面です。
（１）編集するには、写真（２）のソース画面が必要です。

ソース画面を見る方法←クリック

（３）写真（１）のソース画面

<TR>
<TD align="center">８</TD>
<TD align="left"><A href="08.htm">定家自筆の書状見つかる</A></TD></TR>
<TR>
<TD align="center">９</TD>
<TD align="left"><A href="09.htm">「人間の安全保障」語る緒方貞子氏、同大で講演</A></TD></TR>
<TR>
<TD align="center">１０</TD>
<TD align="left"><A href="10.①htm">１０</A></TD></TR>
<TR>
<TD align="center">１１</TD>
<TD align="left"><A href="11.①htm">１１</A></TD></TR>
<TR>
<TD align="center">１２</TD>
<TD align="left"><A href="12.①htm">１２</A></TD></TR>
<TR>
<TD align="center">１３</TD>
<TD align="left"><A href="13.①htm">１３</A></TD></TR>
<TR>
<TD align="center">１４</TD>
<TD align="left"><A href="14.①htm">１４</A></TD></TR>

写真（３）

　写真（３）は、写真（２）のソース画面です。
（１）写真（１）を見ると、「１０」から「１４」は「

」（jpg）のみです。
（２）①「

」（htm）を「

」（jpg）に変更します。

（３）「編集」→「置換」

写真（３）

　写真（３）は、「編集」→「置換」です。
（１）ソース画面の「編集」→「置換」

（４）「検索する」と「置換後」の文字列

写真（４）

　写真（４）は、「検索する」と「置換後」の文字列です。
（１）「検索する文字列」に「htm」と入力します。
（２）「置換後の文字列」に「jpg」と入力します。
（２）注意しながら、置換するデータのみ、「置換して次に」をクリックします。
（３）置換せず、次に進む場合は、「次を検索」をクリックして、「置換して次に」をクリックします。
（４）終了する場合は、「キャンセル」をクリックします

（５）置換結果

<TR>
<TD align="center">９</TD>
<TD align="left"><A href="09.②htm">「人間の安全保障」語る緒方貞子氏、同大で講演</A></TD></TR>
<TR>
<TD align="center">１０</TD>
<TD align="left"><A href="10.①jpg">１０</A></TD></TR>
<TR>
<TD align="center">１１</TD>
<TD align="left"><A href="11.①ｊｐｇ">１１</A></TD></TR>
<TR>
<TD align="center">１２</TD>
<TD align="left"><A href="12.①ｊｐｇ">１２</A></TD></TR>
<TR>
<TD align="center">１３</TD>
<TD align="left"><A href="13.①ｊｐｇ">１３</A></TD></TR>
<TR>
<TD align="center">１４</TD>
<TD align="left"><A href="14.①ｊｐｇ">１４</A></TD></TR>
<TR>
<TD align="center">１５</TD>
<TD align="center"></TD>
<TD align="left"><A href="15.②htm">１５</A></TD></TR>

写真（５）

　写真（５）は、写真（４）の置換結果です。
（１）②の「９」と「１５」は、「

」（htm）のままです。
（２）①の「１０」～「１４」は、「

」（jpg）に変更されています。
（３）ソース画面上で「上書き保存」→ソース画面を閉じる
（４）ブラウザ画面上で「更新」

（６）完成ページ

写真（６）

　写真（６）は、完成ページです。

（７）リンク先画面

写真（７）

　写真（７）は、リンク先画面です。