|
|
HTMLのタグを使うことで、メリハリの利いた美しいメッセージを投稿することができます。
| ■典型的なパターン |
具体的なタグの説明に入る前に、一番基本的なHTMLメッセージのひな形を見ておきましょう。
|
ソース |
<h1>大見出し</h1>
<p>段落1</p>
<p>段落2</p>
<h2>中見出し</h2>
<ol>
<li>箇条書き1
<li>箇条書き2 箇条書きの文章が長くなっても、きれいに揃うように<string>自動的に字下げ</strong>されて表示されます。
<li>箇条書き3の1<br>箇条書き3の2
<li>箇条書き4
</ol>
<h2>参考リンク</h2>
<ul>
<li><a href="http://tohoho.wakusei.ne.jp/www.htm">とほほのWWW入門</a>
<li><a href="http://www.hyogo-kokyoso.com/">兵高教組ホームページ</a>
</ul> |
|
ブラウザ表示例 |
大見出し
段落1
段落2
中見出し
- 箇条書き1
- 箇条書き2 箇条書きの文章が長くなっても、きれいに揃うように自動的に字下げされて表示されます。
- 箇条書き3の1
箇条書き3の2
- 箇条書き4
参考リンク
|
となります。そんなに難しくはありませんね。
|
| ■表題をつけるには |
表題をつけるには<h1>〜</h1>等を用います。
以下、タイトルの大きさによって、<h2>〜<h4>まであります。
| ソース |
ブラウザ表示例 |
| <h2>2番目のタイトル</h2> |
2番目のタイトル |
| <h3>3番目のタイトル</h3> |
3番目のタイトル |
| <h4>4番目のタイトル</h4> |
4番目のタイトル |
→詳細はこちら |
| ■改行するには |
段落の開始に<p>、段落の最後に</p>を用います。
段落と段落の間には、空行が挿入されます。
| ソース |
ブラウザ表示例 |
<p>HTMLは、一見難しそうだけど、覚えれば簡単です。</p>
<p>とりあえず、このページにあるタグをマスターしましょう。</p> |
HTMLは、一見難しそうだけど、覚えれば簡単です。
とりあえず、このページにあるタグをマスターしましょう。 |
段落内で、改行したい場合は、<br>を用います。
| ソース |
ブラウザ表示例 |
| ここで改行<br>でも、同じ段落です。 |
ここで改行
でも、同じ段落です。 |
→詳細はこちら
|
| ■太字にするには |
|
太字にするには<strong>〜</strong>を用います。
| ソース |
ブラウザ表示例 |
| 一部分を<strong>太字</strong>にします。 |
一部分を太字にします。 |
→詳細はこちら
|
| ■箇条書きにするには |
箇条書きにするには、<ul> <li>〜
</ul> を用います。
| ソース |
ブラウザ表示例 |
<ul>
<li>箇条書きその1
<li>箇条書きその2
</ul> |
|
→詳細はこちら
数字の箇条書き文字をつけるには、<ol>
<li>〜 </ol> を用います。
| ソース |
ブラウザ表示例 |
<ol>
<li>箇条書きその1
<li>箇条書きその2
</ol> |
- 箇条書きその1
- 箇条書きその2
|
→詳細はこちら
|
| ■ハイパーリンクを張るには |
ハイパーリンクを張るには、
<a href="ホームページアドレス">ホームページのタイトル</a>
と書きます。
|
ソース |
| <a href="http://www.hyogo-kokyoso.com/">兵高教組</a> |
となります。
→詳細はこちら
|
|