ブログ作成に必要な基本的なＨＴＭＬタグについて説明してます！（ＨＴＭＬ フォント レイアウト リンク・画像 テーブルなど）

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


レイアウトタグ

横線タグ（仕切り線） <Hr> の説明と例

★仕切り線を入れたい時に使います！

◆ <Hr> 横線タグ

<Hr>


◆ <Hr width="横幅"> 横線の幅を指定できるタグ　


<Hr Width="300"> 横線の幅を300に指定


<Hr Width="55%"> 横線の幅を55％に指定


◆ <Hr Align="位置（値）" Width="長さ"> 横線の位置、長さを指定できるタグ


<Hr Align="left" Width="175"> 横線を左寄り＋長さを175に指定


<Hr Align="center" Width="350"> 横線を中央寄り＋長さを350に指定


<Hr Align="right" Width="250"> 横線を右寄り＋長さを250に指定


◆ <Hr Size="1〜10"> 横線の太さを指定できるタグ
（サイズを1から10段階で指定して下さい）　


<Hr Size="1"> サイズ1の横線タグ


<Hr Size="5"> サイズ5の横線タグ 


<Hr Size="10"> サイズ10の横線タグ  


◆ <Hr Color="色コード"> 横線の色を指定できるタグ　


<Hr Color="#ff0000"> 赤の横線タグ


◆ <Hr Size="1" Color="色コード"> 横線の太さ＋色を指定できるタグ


<Hr Size="1" Color="#0000ff"> サイズ1で青の横線タグ 


<Hr Size="5" Color="#339900"> サイズ5で緑の横線タグ


<Hr Size="10" Color="#ff0000"> サイズ10で赤の横線タグ

スポンサード　リンク

レイアウト 横線タグ（仕切り線）のHTMLタグ
希望のHTMLタグをマウスでコピーしてHTMLタグ練習ページなどに貼り付けて希望のサイズなどを入れて下さい！ その他の色に変えたい場合は当サイトのカラーコード表でカラーコードを確認して入れ替えて下さい。
基本の横線タグ
<Hr>
横線の幅を指定できるタグ
<Hr Width="横幅数">
横幅数はピクセル数かパーセント%で上の使用例を確認して下さい！
横線の位置、長さを指定できるタグ
左寄り
<Hr Align="left" Width="横幅数">
中央寄り
<Hr Align="center" Width="横幅数">
右寄り
<Hr Align="right" Width="横幅数">
横幅数はピクセル数かパーセント%で上の使用例を確認して下さい！
横線の太さを指定できるタグ
<Hr Size="1〜10">
太さサイズは1から10段階で指定して下さい！
横線の色を指定できるタグ　
<Hr Color="#色コード">
色コードは当サイトのカラーコード表を確認して下さい！
横線の太さ＋色を指定できるタグ
<Hr Size="1〜10" Color="#色コード">
太さサイズは1から10段階で指定して下さい！
色コードは当サイトのカラーコード表を確認して下さい！

スポンサード　リンク


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

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

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

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

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

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

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

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

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。　少しずつ落ち着いて作業して下さい！
ページトップ
Copyright (C) 初心者のブログ作成 ＨＴＭＬタグ研究所！ All Rights Reserved. |