Homeホームページ管理簡単なHTML

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. 箇条書き1
  2. 箇条書き2 箇条書きの文章が長くなっても、きれいに揃うように自動的に字下げされて表示されます。
  3. 箇条書き3の1
    箇条書き3の2
  4. 箇条書き4

参考リンク

となります。そんなに難しくはありませんね。
 

表題をつけるには

表題をつけるには<h1>〜</h1>等を用います。
 

ソース

<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>
  • 箇条書きその1
  • 箇条書きその2

→詳細はこちら

数字の箇条書き文字をつけるには、<ol> <li>〜 </ol> を用います。

ソース ブラウザ表示例
<ol>
  <li>箇条書きその1
  <li>箇条書きその2
</ol>
  1. 箇条書きその1
  2. 箇条書きその2

→詳細はこちら

ハイパーリンクを張るには

ハイパーリンクを張るには、
<a href="ホームページアドレス">ホームページのタイトル</a>
と書きます。
 

ソース

<a href="http://www.hyogo-kokyoso.com/">兵高教組</a>

ブラウザ表示例

兵高教組


となります。

→詳細はこちら