ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)

初心者のブログ作成 HTMLタグ研究所! サイト マップ お問い合せ LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい!


リンク・画像タグ

もっと便利なリンクタグ

<A Href="URL" Title="説明文">〜</A>の説明と例


★このリンクタグ使うとマウスの矢印をリンクの上に乗せた時にサイトの説明を表示することができます!

<A Href="URL" Title="説明文"></A>

<A Href="ここにアドレス" Title="説明文">ここにリンク先の名前</A>



例)
初心者のブログ作成 HTMLタグ研究所!へのリンクにHTMLタグを紹介という説明文を入れてみます!

HTMLタグ表示

<A Href="http://www4.plala.or.jp/htmltag/" Title="HTMLタグを紹介">ブログ作成研究所!</A>


変換後 
 
初心者のブログ作成 HTMLタグ研究所!  

上のリンクにマウスの矢印を乗せてみて下さい! 説明が表示されます。


例では解りやすくするために説明文を短くしてますが下のように長い説明でもOKです。

初心者のブログ作成 HTMLタグ研究所! 


上のリンクにマウスの矢印を乗せてみて下さい! 説明が表示されます。

その場合のHTMLタグ表示

<A Href="http://www4.plala.or.jp/htmltag/" Title="ブログ作成・ホームページ作成によく使われる基本的なHTMLタグを例などを入れて説明をしてます! ">ブログ作成研究所!</A>


スポンサード リンク

リンクタグのHTML
利用したいリンクタグのHTMLタグをマウスでコピーしてHTMLタグ練習ページなどに貼り付けてURL(アドレス)の部分を消して移動先のアドレスを入れて下さい! 次に説明文の部分を消して移動先の説明文を入れて下さい! 最後にここにサイト名の部分を消して移動先のサイト名やページ名を入れて下さい!
説明文付きのリンクタグのHTMLタグ
<A Href="URL(アドレス)" Title="説明文">ここにサイト名</A>

スポンサード リンク


HTMLタグを使う場合の注意点!

HTMLタグを使う場合の入力方法は半角英数字です。 基本となるHTMLタグはコピー・貼り付けで構いませんがサイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないので注意して下さい!

また、HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は無いので気にしないで下さい。

HTMLタグには
開始タグ終了タグがあります。

例)<Font Size="1〜7">〜</Font> 最初の
<Font Size="1〜7">が開始タグで後の/スラッシュが付いた</Font>が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあるので気をつけましょう!

その他に、基本のHTMLタグの
<>←カッコ、"←ダブル クォーテーションやHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとHTMLタグが正しく表示されないので注意して下さい。

上記のミスが非常に多いので作成の際はPCのメモ帳などを利用してHTMLタグの見直しをして下さい。

また、正しく表示できない場合も
基本のHTMLタグやここで説明した内容を確認してみて下さい!

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。 少しずつ落ち着いて作業して下さい!


Copyright (C) 初心者のブログ作成 HTMLタグ研究所! All Rights Reserved. |