Cusithの【テスト！】:HTML

カテゴリ：HTML

• 記事中にリンクのないイメージ画像をいれる
  [ 2007-07-02 22:21 ]
• 引用枠
  [ 2007-02-24 03:00 ]
• 右寄せ
  [ 2007-02-24 01:00 ]
• 中央寄せ
  [ 2007-02-24 00:00 ]

記事中にリンクのないイメージ画像をいれる

リクエストがあったので、取り急ぎですが、記事を。

　例えば　　こんな感じに、文章中にイラストを入れる場合の書き方です。

記事投稿画面にある　『　画像アップロード　』　を使わず、スキン編集画面を駆使したHTMLを使用するんですよね。

ただし、コレやるには、下準備があるので、気合入れて読んで下さいね。

＞＞さぁ、やってみよう！

引用枠

　スキン（テンプレート）のＣＳＳ部分で設定を作ってあると非常に使えるタグです。

こんな感じで
複数行を目立つ枠で囲ったりして使います。

記事内での書き方は↓　こう。（記号・文字は半角英数）
<blockquote>こんな感じで
複数行を目立つ枠で囲ったりして使います。</blockquote>

私は<blockquote></blockquote>をいんよう、と打ったら変換できるように辞書登録してます。

＞＞ＣＳＳ解説はコチラ

右寄せ

通常の文章は左寄せなんですが、時折、右寄せの文章を挿入したりして、アクセントを付けることがあります。
単純に、文字を右端に押し付ける感じで表示させる事。

こんな風に。

↓　こう書くだけです。（記号・文字は半角英数）
<div align="right">こんな風に。</div>

スキンとかＣＳＳの設定とか関係なく使えます。
　記事投稿欄は勿論、メモ帳欄にも使えます。

ただし、</div>この部分を書き忘れると、そのあとの文章が(´Д⊂)な感じになるのは中央寄せと同じ。
ＨＴＭＬタグは、必ず / 記号で〆るのだ、と覚えて下さいませ。

私は<div align="right"></div>をみぎよせ、と打ったら変換できるように辞書登録してます。

divってなんだ、alignってなにさ？みたいな素朴な疑問はあまり考えないように。

…というか、知りません（きっぱり）

あくまでココは、『猿でもできる』『ド素人が作ってる』という事で。
　意味なんてよく判らなくても、使えますし（ひでぇな）。

　見て判る通り、
<div align="center">文字列</div>と書くと<center></center>と同じ、
<div align="left">文字列</div>と書くと左寄せになります。

中央寄せ

　ワープロをやってた私の中ではセンタリング、と言った方が馴染みがあったりするんですが。
要は、文字を中央に表示させる事。

こーいうの。
↓　こう書くだけです。（記号・文字は半角英数）
<center>こーいうの。</center>

スキンとかＣＳＳの設定とか関係なく使えます。
　記事投稿欄は勿論、メモ帳欄にも使えます。

ただし、</center>この部分を書き忘れると、そのあとの文章が全部中央寄せになるので、御注意を。

　私は<center></center>をせんた、と打ったら変換できるように辞書登録してます。