節約主婦のプチ稼ぎと住宅ローン返済の道のり。

ローン完済を目指して、 節約・投資・プチ稼ぎ・・・ 試行錯誤しているママの日記。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

07.スクロール付きのエリアを設ける

限られたスペースに、多くの文章を書きたいときもあります。
そんなときは、スクロール付きのエリアを設置すると解決します。
<div style="overflow:auto; width:150px; height:80px; border:1px solid #c0c0c0;">
あいうえお<br>
ABCDEFG<br>
アイウエオ<br>
1234567890<br>
今日はいい天気です<br>
明日は雨らしいですよ<br>
<a href="http://www.yahoo.co.jp/" target="_blank">Yahoo!JAPAN</a><br>
</div>


あいうえお
ABCDEFG
アイウエオ
1234567890
今日はいい天気です
明日は雨らしいですよ
Yahoo!JAPAN


当サイトでは、リンク集の部分で使用しています。


応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

スポンサーサイト
[ 2012/01/11 23:00 ] 初心者の部屋 HTML関連 | TB(0) | CM(0)

06.画像を貼り付ける

画像を貼り付けます。
<img src="http://blog-imgs-44.fc2.com/m/o/m/momokko2/Pex.gif">



05.リンクを張ると組み合わせて、下記のようにできます。
<a href="http://pex.jp/" target="_blank"><img src="http://blog-imgs-44.fc2.com/m/o/m/momokko2/Pex.gif" /></a>





応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

[ 2012/01/11 23:00 ] 初心者の部屋 HTML関連 | TB(0) | CM(0)

05.リンクを張る

リンク集を作成する時や、記事内で他の記事を紹介するときに使います。

リンクを貼る
クリックすると、今の画面がYahoo!JAPANへ画面遷移します。

<a href="http://www.yahoo.co.jp/">Yahoo!JAPAN</a>
Yahoo!JAPAN

オンマウスで説明文表
カーソルを「Yahoo!JAPAN」の文字の上に移動すると、ポップアップで説明文が表示されます。

<a href="http://www.yahoo.co.jp/" title="説明文">Yahoo!JAPAN</a>
Yahoo!JAPAN

別画面でリンクを貼る
クリックすると、新しい画面にてYahoo!JAPANが表示されます。
今の画面はそのまま維持されます。

<a href="http://www.yahoo.co.jp/" target="_blank">Yahoo!JAPAN</a>
Yahoo!JAPAN


応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

[ 2012/01/11 23:00 ] 初心者の部屋 HTML関連 | TB(0) | CM(0)

04.リストで段落表示する

箇条書きの項目を表示する時は、リストで段落表示できます。

<ul type="disc">
<li>リスト項目 1</li>
<li>リスト項目 2</li>
<li>リスト項目 3</li>
<li>リスト項目 4</li>
<li>リスト項目 5</li>
</ul>

  • リスト項目 1
  • リスト項目 2
  • リスト項目 3
  • リスト項目 4
  • リスト項目 5

typeの部分は、下記のように変更できます
"disc" = 黒丸
"circle" = 白丸
"square" = 四角



応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

[ 2012/01/11 23:00 ] 初心者の部屋 HTML関連 | TB(0) | CM(0)

03.文字を装飾する(サイズ・太字・斜体・下線・取消線・文字色・背景色)

強調したい文字がある場合は、下記のようにすると出来ます!

サイズ指定
例)
<font size="5">文字のサイズは5</font>

文字のサイズは5

太字にする
例)
<strong>太字</strong>
太字

斜体にする
例)
<i>斜体</i>
斜体

下線にする
例)
<u>下線</u>
下線

取消線にする
例)
<s>取消線</s>
取消線

文字色を変える
例)
<font color="#0000ff">文字色を青くします</font>
文字色を青くします

<span style="color:#ff0000">赤</span>=
<span style="color:#0000ff">青</span>=
<span style="color:#ffff00">黄</span>=
<span style="color:#00ff00">緑</span>=
<span style="color:#00ffff">水色</span>=水色
<span style="color:#ff00ff">ピンク</span>=ピンク

補足:サイズ指定と文字色を組み合わせると
<font size="7" color="#00ff00">サイズが7で緑色です</font>

サイズが7で緑色です


背景色を付ける
例)
文中の<span style="background-color:#ffff00;">一部分のみ背景色を黄色</span>にします
文中の一部分のみ背景色を黄色にします




応援おねがいします!励みになります
にほんブログ村 小遣いブログ プチ稼ぎへ 【トレミー】人気ブログランキング

[ 2012/01/11 23:00 ] 初心者の部屋 HTML関連 | TB(0) | CM(0)
TOP > CATEGORY - HTML関連
お知らせ
プチ稼ぎ|節約主婦0円からの挑戦!!
HPやっています。こちらもどうぞ、宜しくお願いします。
プロフィール

momokko2

Author:momokko2
2011年06月ブログ開設。

愛知県在住の専業主婦です。
2歳と3歳の娘に日々振り回されながらも、住宅ローン返済のために節約とプチ稼ぎやっています。

当サイトはリンクフリーです。

このブログをリンクに追加する
相互リンクについて


リサーチパネルへ2名様登録いただきました。GetMoney!へ2名様登録いただきました。マクロミルへ10名様登録いただきました。リンクシェアに4名様登録いただきました。チャンスイットに2名様登録いただきました。モラタメに3名登録いただきました。Tremii(トレミー)に1名様登録いただきました。げん玉に4名様登録いただきました。A8.netに2名様登録いただきました。アクセストレードに2名様登録いただきました。えんためねっとに2名様登録いただきました。モッピー(moppy)に1名様登録いただきました。ECナビに1名様登録いただきました。
ありがとうございます。

お気に入りに追加

ブログランキング
クリックして頂けると嬉しいです♪
励みになります。
facebookやっています!!
Momokko Petit


お友達、募集中です
相互Pingサーバー
メニュー
ECナビ
※300円から換金できるよ
リサーチパネル
※アンケートに答えると
ポイントがもらえるよ。
ポイントはECナビに合算されます♪
マクロミル
※アンケートはやっぱりマクロミル
フルーツメール
※メールを受信するだけでも
ポイントがたまります!
チャンスイット
※受信メールには
ポイントクジもあります
楽天銀行
※ネットバンクはやっぱり楽天!
免責事項
当サイトで紹介している情報は、最新のものとは限りません。
常に最新の情報を提供しようと努力はしておりますが、管理人も多忙な為、行き届いていない点が多々あるかと思います。情報に対する苦情はお控えください。当サイトを介しての登録及び登録後の如何なるトラブル、損害、損益に一切の責任を負負うことができませんのでご了承ください。

登録の際には、各サイトの利用規約等を確認し、全てご自分の責任において行ってください。宜しくお願いします。
訪問ありがとうございます

現在の閲覧者数:
げん玉


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。