ブログ作成に必要な基本的な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.
|
[PR]
BCP