ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)
初心者のブログ作成 HTMLタグ研究所!
サイト マップ
お問い合せ
LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい!
リンク・画像タグ
リンクの下線を表示させないの説明と例
<A Href="URL" style="text-decoration: none;">〜</A>
このHTMLタグを使うことで下線(リンクのアンダーライン)を表示させない事ができます。
<A Href="
URL(アドレス)
"
style="text-decoration: none
;">
ここに文字
</A>
通常のリンク場合だと下記のリンクのように下線(リンクのアンダーライン)が表示されます。
初心者のブログ作成 HTMLタグ研究所!
※
説明用なのでリンクは新しいウィンドウで開きます。
多くの人は上の表示の方がリンクが解りやすくていいと感じてる方もいると思いますが利用している文字の書体によっては下線(リンクのアンダーライン)があると見にくい場合があるので紹介します。
その他にも下線(リンクのアンダーライン)がない方がいいと思う方のために
例)初心者のブログ作成 HTMLタグ研究所!のリンクを下線なしで表示します!
HTMLタグ表示
<A Href="
http://www4.plala.or.jp/htmltag/
"
style="text-decoration: none
;">
初心者のブログ作成 HTMLタグ研究所!
</A>
変換後
初心者のブログ作成 HTMLタグ研究所!
※
説明用なのでリンクは新しいウィンドウで開きます。
スポンサード リンク
リンクタグのHTML
利用したいリンクタグのHTMLタグをマウスでコピーして
HTMLタグ練習ページ
などに貼り付けて
URL(アドレス)
の部分を消して移動先のアドレスを入れて下さい! 次に
ここにサイト名
の部分を消して移動先のサイト名やページ名を入れて下さい!
下線(リンクのアンダーライン)なしのHTMLタグ
<A Href="
URL(アドレス)
"
style="text-decoration: none
;">
ここに文字
</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]
ソーテック