ホーム > 基本的な準備 > HTMLを少し勉強しよう

HTMLを少し勉強しよう

HTMLタグを勉強

勉強・・・といっても覚える事はそんなにないのですが、
とりあえず基本的なタグはWebサイトでもブログでも覚えておいて損はないです!

リンクを貼るタグ

タグ:<a href="http://www.yahoo.co.jp/">ここをクリックするとヤフーへ</a>
結果:ここをクリックするとヤフーへ←こんな感じになります。

"http~"の中にサイトのURLを入れて「ここをクリック…」の部分にサイト名などを書き込みます。

別窓(新しいブラウザ)で開けたい場合は、
<a href="http://www.yahoo.co.jp/" target="_blank">を加える事で別窓で開く事が出来ます。

文字の大きさや、色を変えるタグ

タグ:<font size="15pt" color="red">赤くて大きな文字</font>
結果:赤くて大きな文字になります。

sizeの部分に文字の大きさ、色の部分に"red" "green" "#0000ff"など、
6桁の英数字を入れる事によって色を変える事が出来ます。

文字の場所を決めるタグ

タグ:<div align="center">真ん中に文字を置く</div>
結果:

真ん中に文字を置く

centerの部分をleft(左寄せ)、right(右寄せ)にする事もできます。

改行する・段落付けタグ

<br>
例えばこの文を<br>改行すると

例えばこの文を
改行すると

<p>と<br>で改行する場合

変更のお知らせ<p>「1月23日(月曜日)**市**区**会館」</p>唐突の変更申し訳ありません<br>また変更する場合は随時報告致します

変更のお知らせ

「1月23日(月曜日)**市**区**会館」

唐突の変更申し訳ありません
また変更になる場合は随時報告致します

画像を貼りつけるタグ

<img src="画像の場所のURL" alt="メール画像">
画像を貼りつける際にはalt属性は必須なので必ず付けましょう。

alt属性とは、画像の上にマウスを持ってきていただくと分かるのですが、
その画像の簡単な説明の役割です。
メール画像←この画像の上にマウスを置いてください。

強調させたいタグ(字を濃くする)

タグ:<strong>重要!!!</strong> もしくは <b>重要!!!</b>
結果:重要!!!となります。
文字を目立たせたい、強調させたい時に使います。
さっきの<font>タグを組み合わせる事で色なども付けれます。

基本的にはこのタグは覚えておくと便利です。
まだまだ便利なタグはいっぱいあるので、もうちょっと詳しくタグを知りたいって方は
とほほのWWW入門のホームページ入門からをオススメします。

ホーム > 基本的な準備 > HTMLを少し勉強しよう

検索
当サイト使用のサーバー
サイト情報
メタ情報

▲ページTOPへ