• このエントリーをはてなブックマークに追加


ブログで必要とされそうな程度のHTML言語講座 3

ブログで必要とされそうな程度のHTML言語講座 3
というわけで一年ぶりのこの企画ですが、過去二回の分は役立ってるのでしょうか?w

一年ぶりなので内容の説明を。
内容は、タイトル通り「ブログで必要とされそうな程度」のHTML講座です。
一応FC2BLOGユーザー向け。

例としては、リンクのやり方とか画像の表示方法などなど。(過去二回分)

説明終了。では第三回開始!


今回の内容はリストの表示です。

リストだと、「・」(中点)を使っている人も多いでしょう。


・あいうえお
・かきくけこ
・さしすせそ



しかし、カッコ悪いんじゃない?と少し思った人もいるんじゃないでしょうか。
今回はこれをかっこ良く表示させます。

では基本タグ。

リストのタグ

<ul><li>[文字列]</li></ul>


たったこれだけです。簡単です!
[文字列]の所には表示させたい文字を入力すればOKです。

ではulとliについて説明をします。
ulはリスト表示させるときに始めに入力必要なタグです。
このulは最初に入力してくださいね。

liはリストの内容を表示するのに必要なタグです。
このliは<ul>~</ul>の間に入力してください。

では表示させてみましょう。


  • あいうえお
  • かきくけこ
  • さしすせそ

<ul><li>あいうえお</li><li>かきくけこ</li><li>さしすせそ</li></ul>


かっこ良くなりましたー!

liはこんな感じで表示させたい項目の数だけ入力すればOKです。

このブログではリストの点が四角になっていますが、普通は黒い丸になります。
2011y04m28d_145120781.png
あいうえおの点です。

この最初の点を変更したい人はこちらに詳しく書いてあるのでどうぞ。


では次に使用例を見ていきます。

◆ 作業リスト
  • 前半のシナリオ大まかな制作
  • 森マップ、チップ配置
  • 技の名前考える

◆ 作業リスト
<ul><li>前半のシナリオ大まかな制作</li><li>森マップ、チップ配置</li><li>>技の名前考える</li></ul>


使用例はこんな感じですね。
自分はこんな感じで良く使いますw


さていかがだったでしょうか?

最後にこのタグの入力について注意があるので特にFC2BLOGの方は、追記を見てください。

皆さんのお役に立てれば幸いです。
ありがとうございました!
スポンサーサイト

  • このエントリーをはてなブックマークに追加


ブログで必要とされそうな程度のHTML言語講座 2

そろそろネタ切れも近づいてきたのでこのコーナーですw

ブログで必要とされそうな程度のHTML言語講座 2

というわけで2回目のこのコーナー。
今回は何についてかと言うと…。

前回のコメントで要望のあった、文字色の変更について。


正直言うと、文字色の変更はかなりカンタンです!!
ホント簡単ですw

では、説明に入ります。

文字色変更のタグ
<span style="color:[カラーコード]">[文字列]</span>


カラーコードってのがありますね。これは文字通り、色のコードです。
赤色なら"#FF0000"
青色なら"#0000FF"
っていう具合です。

[カラーコード]のところにカラーコードを入力すれば、その文字色にすることが可能ですw

最後は忘れずに、</span>で閉じてくださいね。

では、表示させてみましょう。


HTML講座 (赤)
<span style="color:#FF0000">HTML講座</span>

HTML講座 (青)
<span style="color:#0000FF">HTML講座</span>

HTML講座 (黄)
<span style="color:#FFFF00">HTML講座</span>

HTML講座 (黒)
<span style="color:#000000">HTML講座</span>

HTML講座 (白)
<span style="color:#FFFFFF">HTML講座</span>


カラーコードは検索するとカラーコード表が出てきますので、
そこでお好みの色を探して見てください。

ちなみに俺は、ココのサイトを利用しています。カラーコード表

文字色を白色にすれば、選択させて文を読ますこともできるので何かと使えますw(背景による)


というわけで2回目の文字色の変更について分かってもらえたでしょうか?
参考になったら幸いです。

それでは!

  • このエントリーをはてなブックマークに追加


ブログで必要とされそうな程度のHTML言語講座 1

予約投稿でお送りします。

今回から始まりました、
ブログで必要とされそうな程度のHTML言語講座(FC2blogユーザー向け)

ではこの1回目は画像です。

FC2ではボタンをクリックするだけで挿入できますが、くわしいことを書いておきます。

画像のタグ
<img src="[URL]" alt="[説明]" title="[説明]" border="0" width="[横]" height="[縦]" />

img srcのイコールの先に画像URLです。ここで指定した画像が表示されます。
注意!! ""の中に入力するようにして下さい。
""は(テンキーではない)2+shiftで入力できます。

widthheightは表示サイズです。数字で入力してください。

で、alttitleは、オンマウスで表示される文字列です。日本語を入力しても問題はありません。
オンマウスで表示されるとこんな感じです。
2010y03m07d_161935426.jpg
この黄色いやつw。
見たことあるはずです。
これを表示させることができます。

そしてこのタグがなかっても動作します。
その場合は alt="[説明]" title="[説明]" をまるごと消すだけでokです。


では試しに表示させてみましょう。

バナー
<img src="http://blog-imgs-34.fc2.com/w/e/b/webshift/bana-.png" alt="バナー" title="バナー" border="0" width="200" height="40" />

画像にマウスを乗せておくと、「バナー」と表示されるはずです。

基本はこんな感じです。

次回はいつになるか分かりませんw
やるとしたら次はリンクですねw



それでは!
参考になれば幸いです。

Pagination

Utility

目標

  • アクティブになる!
  • 自分の役割をちゃんと果たせるようになる!

お知らせ

更新休止中です。2015/03/06

ダウンロード

自爆少年
Jump Run Attack
ハカセ先生のウディタ講座
ESound Player
UM Explorer
Udita Explorer

テストプレイコモン
時間表示コモン
ダブルクリックコモン

Banner

↓ 以下工事中 ↓

カテゴリ

openclose

月別アーカイブ

検索

web拍手

web拍手
メッセージなどはこちらに
どうぞ!