dreamgate事業一覧
IT用語辞典

事業案内 HP制作・SEO 郡上ホームページ教室

文字装飾と箇条書き
ホームページ作成の初心者を対象にホームページの基本を紹介します。テーマは「文字装飾と箇条書き」です。ホームページに表示する文字は、ワープロで作成する文書のように、太字や下線、斜体などの装飾を指定できます。また、先頭に記号をつけた箇条書きなども簡単に作成できます。

→ いろいろな文字装飾
HTMLには文字を装飾するためのタグがいくつか用意されていますが、これらの使用方法は全て同じで、装飾する文字をタグで囲むだけです。たとえば太字の装飾を施す場合は、その文字を「B」タグと「/B」タグで挟みます。これだけの記述で文字に装飾を施すことができます。なお、文字の装飾用のタグは、以下のようなものが用意されています。
太字 B
斜体 I
下線 U
取り消し線 S
上付き文字 SUP
下付き文字 SUB
<HTML>
<HEAD>
  <TITLE>ホームページ作成</TITLE>
</HEAD>

<BODY>
<FONT size="4">
文字を<B>太字</B>に装飾した場合<BR><BR>
文字を<I>斜体</I>に装飾した場合<BR><BR>
文字を<U>下線</U>に装飾した場合<BR><BR>
文字を<S>取り消し線</S>に装飾した場合<BR><BR>
文字を<SUP>上付き文字</SUP>に装飾した場合<BR><BR>
文字を<SUB>下付き文字</SUB>に装飾した場合<BR><BR>
</FONT>
</BODY>

</HTML>
文字を太字に装飾した場合

文字を斜体に装飾した場合

文字を下線に装飾した場合

文字を取り消し線に装飾した場合

文字を上付き文字に装飾した場合

文字を下付き文字に装飾した場合

→ 記号や番号を先頭につけた箇条書き
ホームページの文章内に箇条書きを記述する場合は、リストを使用すると便利です。リストは「UL」タグと「OL」タグの2種類があり、「UL」タグは箇条書きの先頭に記号を、「OL」タグは箇条書きの先頭に数字を表示します。記述方法は、箇条書きにする部分全体を「UL」または「OL」タグで挟み、さらに各項目を「LI」タグで挟めばOKです。なお、この場合は「BR」タグを記述しなくても自動的に改行が実行されます。
<HTML>
<HEAD>
  <TITLE>ホームページ作成</TITLE>
</HEAD>

<BODY>
先頭に記号をつけた箇条書き<BR>
<UL>
<LI>札幌</LI>
<LI>東京</LI>
<LI>名古屋</LI>
<LI>大阪</LI>
<LI>福岡</LI>
</UL>

<BR><BR>

先頭に数字をつけた箇条書き<BR>
<OL>
<LI>鈴木</LI>
<LI>佐藤</LI>
<LI>山田</LI>
<LI>田中</LI>
<LI>斉藤</LI>
</OL>
</BODY>

</HTML>
先頭に記号をつけた箇条書き
  • 札幌
  • 東京
  • 名古屋
  • 大阪
  • 福岡


先頭に数字をつけた箇条書き
  1. 鈴木
  2. 佐藤
  3. 山田
  4. 田中
  5. 斉藤

→ 先頭につける文字の変更
リストでは、type属性の指定により箇条書きの先頭に付ける文字を変更することも可能です。「UL」タグの場合は、disc(黒丸)、circle(白丸)、square(四角)といった記号を指定できます。「OL」タグの場合は、1(1,2,3,…)、a(a,b,c,…)、A(A,B,C,…)、i(i,ii,iii,…)、I(I、II、III)といった記号を指定できます。
ホームページビルダーでは、ツールバーのリスト挿入ボタンを使うと簡単に設定できます。既存の各種リストマークを使うほかに、リストマークに画像を使うことも簡単に出来ます。

(※1) 詳しくは、「郡上ホームページ教室」にて・・・


スポンサーサイト
現代津軽三味線・徳山流 徳山弦泉 公式ホームページ
演奏活動・三味線教室・オリジナル曲の紹介。CD試聴できます。
http://www.t-gensen.com/
郡上プラザどっと混む|郡上の情報サイト
郡上の情報サイト「郡上プラザどっと混む」は郡上で活躍する方たちを応援するサイト。
http://gujoplaza.com/

Gujo sunset
あの町 この町 日が暮れて
郡上おどり日程表
自動で被リンクが増殖する新しいリンクシステム。登録無料!アクセスアップ・SEO対策にご利用下さい。
郡上のイベント

C2006−2011 dreamgate
Google