（３）引用とアドレス

 他の文献を引用する場合には ＜ＢＬＯＣＫＱＵＯＴＥ＞ タグを、
ホームページの最後に作成者を記す場合には＜ＡＤＤＲＥＳＳ＞タグを 使用する。

　　　・書き方

＜ＢＬＯＣＫＱＵＯＴＥ＞ 〜引用する箇所〜 ＜／ＢＬＯＣＫＱＵＯＴＥ＞ 　　　・・・引用

＜ＡＤＤＲＥＳＳ＞ 〜アドレス〜 ＜／ＡＤＤＲＥＳＳ＞ 　　　・・・アドレス




（クリックして下さい）

　　　・ＨＴＭＬ文

<H2>引用</H2>
太宰治の言葉
<BLOCKQUOTE>富士には月見草がよく似合う</BLOCKQUOTE>
<H2>アドレス</H2>
ＳＴＮｅｔニュービジネス開発部　栗原英治：
<ADDRESS>ekurihara@stnet.co.jp</ADDRESS>




（参考）＜ＢＬＯＣＫＱＵＯＴＥ＞を指定して余白をつくる。



（４）太字と斜体

 文字を太字、斜体にして強調する。

　　　・書き方

＜Ｂ＞ 〜 ＜／Ｂ＞　　　・・・太字

＜Ｉ＞ 〜 ＜／Ｉ＞　　　・・・斜体




（クリックして下さい）

　　　・ＨＴＭＬ文

<H2>文字の修飾</H2>
<H4>物理的なスタイル</H4>
<P><B>Bold：太文字</B></P>
<P><I>Italic：斜体</I></P>


（５）特殊文字

 タグに用いられる記号など特殊な文字は、特別な書き方で表します。

　　　・書き方

　　＆ｌｔ；　　　・・・　　　＜（ｌｅｓｓ　ｔｈａｎ）
　　＆ｇｔ；　　　・・・　　　＞（ｇｒｅａｔｅｒ　ｔｈａｎ）
　　＆ａｍｐ；　　・・・　　　＆（アンパサンド）
　　＆ｑｕｏｔ；　・・・　　　“（クオーテーション）




（クリックして下さい）

　　　・ＨＴＭＬ文

<H2>タグに用いる特殊文字</H2>
<P>&lt;　　・・・　　less　than</P>
<P>&gt;　　・・・　　 greater　than</P>
<P>&amp;　　・・・　　 アンパサンド</P>
<P>&quot;　　・・・　　クオテーション</P>
<P>HTML文も次のようにして書くことができます。<BR>
&lt;BODY　BAKCKGROUND=&quot;back.gif&quot;&gt;〜&lt;/BODY&gt;</P>




　　

　［練習問題１−２］

練習問題１で作成したもののレイアウトを整えてみましょう。


（練習問題１）
<HTML>
<HEAD>
<TITLE>２．インターネットで何ができるの</TITLE>
</HEAD>
<BODY>

<H2>２．インターネットで何ができるの</H2>

<H3>（１）「ＷＷＷ(World Wide Web)」を活用した情報収集</H3>
　現在、インターネットのＷＷＷを利用して次のような分野の情報収集が可能。今後、ますますその内容は多様化していくものと考えられる。

　 ニュース・ラジオ、テレビ
　　　 ・新聞、雑誌、出版社
　 製品情報・コンピュータ、インターネット関連
　　　 ・家電、自動車　　など
　 生活情報・観光、旅行、スポーツ
　　　 ・趣味、娯楽
　　　 ・音楽、映画、美術、文学
　　　 ・薬、医療、食、酒
　　　 ・政治・経済、教育、求人案内
　　　 ・行政、地域情報　　など
　 ショッピング・百貨店、専門店、通信販売
　　　 ・仮想商店街　　など

<H3>(２) 「電子メール」を利用したコミュニケーション</H3>

　 友人・知人とのコミュニケーション

　 社内外との業務連絡

　 ＷＷＷから得た情報に関しての質問、意見、要望など

<H3>(３) 「ホームページ」による情報発信・ネットワーク作り</H3>

　よりよい情報は、情報を発信する人のところに集まってきます。
　役に立つ情報、面白い情報など個性的なホームページを開設すれば、そこから情報のネットワークが広がっていくでしょう。

</BODY>
</HTML>
（練習問題１−２）
<HTML>
<HEAD>
<TITLE>２．インターネットで何ができるの </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

<BLOCKQUOTE>
 <H2>２．インターネットで何ができるの</H2>

<H3>（１）「ＷＷＷ(World Wide Web)」を活用した情報収集</H3>
<BLOCKQUOTE>
　現在、インターネットのＷＷＷを利用して次のような分野の情報収集が可能。今後、ますますその内容は多様化していくものと考えられる。
</BLOCKQUOTE>

<PRE>
　 ニュース・ラジオ、テレビ
　　　 ・新聞、雑誌、出版社
　 製品情報・コンピュータ、インターネット関連
　　　 ・家電、自動車　　など
　 生活情報・観光、旅行、スポーツ
　　　 ・趣味、娯楽
　　　 ・音楽、映画、美術、文学
　　　 ・薬、医療、食、酒
　　　 ・政治・経済、教育、求人案内
　　　 ・行政、地域情報　　など
　 ショッピング・百貨店、専門店、通信販売
　　　 ・仮想商店街　　など
</PRE>

<H3>(２) 「電子メール」を利用したコミュニケーション</H3>

<P>友人・知人とのコミュニケーション</P>

<P>社内外との業務連絡</P>

<P>ＷＷＷから得た情報に関しての質問、意見、要望など</P>

<H3>(３) 「ホームページ」による<FONT COLOR="red">情報発信・ネットワーク作り</FONT></H3>

<BLOCKQUOTE>
　よりよい情報は、情報を発信する人のところに集まってきます。<BR>
　役に立つ情報、面白い情報など個性的なホームページを開設すれば、そこから情報のネットワークが広がっていくでしょう。
</BLOCKQUOTE>

</BLOCKQUOTE>

</BODY>
</HTML>


　　

　［練習問題２］

自己紹介のページを作ってみましょう。
内容、レイアウトは自由です。

　　　　　（例）




（クリックして下さい）





　　[目次へ]　[次へ]






GigaHit