Kuro's Homepage
初心者のためのホームページ作成講座 Ver.3

【第３４講】箇条書き(4)・応用編

（1998年11月24日更新）

Line

【There have been visitors since 1997. 9.24.】

Line

　この講では、第33講で扱った箇条書き（用語説明）を利用して、かわった箇条書きをつくってみます。

　まず、以下のような箇条書きを考えてみます。

関西大学総合情報学部の実習内容
　この例のソースはこうなっています。

関西大学総合情報学部の実習内容<BR>
<UL>
<LI>基本ソフトウェア実習
<LI>応用ソフトウェア実習
<LI>プログラミング実習
<LI>コンピュータ・グラフィック実習
<LI>応用シミュレーション実習
<LI>制作実習（オーディオ／ビジュアル／プリント／広告／編集／ＣＡＴＶ）
<LI>情報処理実習（経済情報／経営情報／法情報／政治情報）
<LI>知識情報処理実習
</UL>

　これを以下のように変えてみましょう。

関西大学総合情報学部の実習内容<BR>
<DL>
<DT><FONT COLOR=#FF0000>★</FONT>基本ソフトウェア実習
<DT><FONT COLOR=#FF0000>★</FONT>応用ソフトウェア実習
<DT><FONT COLOR=#FF0000>★</FONT>プログラミング実習
<DT><FONT COLOR=#FF0000>★</FONT>コンピュータ・グラフィック実習
<DT><FONT COLOR=#FF0000>★</FONT>応用シミュレーション実習
<DT><FONT COLOR=#FF0000>★</FONT>制作実習（オーディオ／ビジュアル／プリント／広告／編集／ＣＡＴＶ）
<DT><FONT COLOR=#FF0000>★</FONT>情報処理実習（経済情報／経営情報／法情報／政治情報）
<DT><FONT COLOR=#FF0000>★</FONT>知識情報処理実習
</DL>

（表示結果）

関西大学総合情報学部の実習内容
★基本ソフトウェア実習
★応用ソフトウェア実習
★プログラミング実習
★コンピュータ・グラフィック実習
★応用シミュレーション実習
★制作実習（オーディオ／ビジュアル／プリント／広告／編集／ＣＡＴＶ）
★情報処理実習（経済情報／経営情報／法情報／政治情報）
★知識情報処理実習
　用語説明のDLタグ、DDタグにはマークがないことを利用して、通常の箇条書きではできなかった、星印や色の指定がFONTタグでできます。また、IMGタグを使って、画像をマークに使うのもいいでしょう。

　なお、箇条書きを4講にわたってとりあげました。本来は、このあと、Wordを使った箇条書きの方法を扱うべきですが、Wordの場合は、普通に文書を作るときと同じなので、省略させていただきます。

Line

NEXT【第３５講】表(1)・表の構成
Q&A【第３４講】に関する質問フォーム
BACK【第３３講】箇条書き(3)・用語説明

Line

Clickablemap(Next)

© Koji Kuroda, 1996-