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

12.25
Mon
・リストのつくり方


今回は、リストのつくり方について学んでいきます。


記号を使ったリストを作るには、リストの初めに<ul>タグを記入します。
その中にリストの項目分の<li>項目名</li>を記入します。

最後に</ul>タグを記入します。


例えば次の例を見てください



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>




◆リストの記号は何も指定しない場合は、●(黒丸)ですが
type属性を使って指定すれば○(白丸)や■(黒四角)

にすることが出来ます。

白丸にしたい場合はtype属性の値にcircleを
黒四角にしたい場合はsquareを指定します。


<ul type="キーワード"><li>~</li></ul>

キーワードにはdisk、circle、squareのいずれかを指定


白丸にしたい場合はtype属性の値にcircleを



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul type="circle">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>



黒四角にしたい場合はsquareを



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul type="square">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>




◆数字を使ったリスト


数字を使ったリストを作るには、リストの初めに<ol>タグを記入します。
その中にリストの項目分の<li>項目名</li>を記入します。

項目分の<li>タグを記入したら最後に</ol>タグを記入します。

<ol><li>~</li></ol>


数字を使ったリストを作るには



  1. モンブラン

  2. チョコレートケーキ

  3. チーズケーキ




入力ソース

<ol>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>



こんな感じですね。
リストタグを使うことによって、より解りやすく
まとめることができます。

スポンサーサイト
comment 0 trackback 0
05.18
Thu
・ トップページ > レイアウトタグ > ふりがなをふるタグ、引用

前回は、一行空けて改行、行揃えを学びました。
今回は、ふりがなをふるタグと引用タグを学びましょう。


ふりがなをふる <Ruby><Rb>文字<Rt>ふりがな</Ruby>


<Ruby><Rb></Rb><Rt>あわび</Rt></Ruby>


あわび


Nネスケでは対応していません。

上のようにタグを打つと、ネスケでは「鮑あわび」と表示されてしまいます。
これをせめて見やすいようにこう記述しましょう。

IEでは鮑(あわび)と表示され、ネスケでは鮑(あわび)と表示されます。






トップページ > レイアウトタグ > 引用

引用 <Blockquote>~</Blockquote>

引用タグとは
<Blockquote>
ひとかたまりの文章の縦横に余白ができ、
非常にキレイに見えます。引用に使います。
</Blockquote>


引用タグとは

ひとかたまりの文章の縦横に余白ができ、
非常にキレイに見えます。引用に使います。








トップページ > レイアウトタグ > 書いた形のまま表示
書いた形のまま表示 <Pre>~</Pre>

<Pre>~</Pre>タグは打ち込んだ状態をそのまま表示させます。
文字絵などを書く場合非常に役立ちます。
<Pre>
  
|
┌──┐ ξ)
│___二⊃ / |
!!!" n n / /|
!!c っ / , γν丶
! ▽ / / /ο |
〕 し^ / | ー |
γ  ̄ ̄\/ |uu u 〕
/ | ハu u |
/ /| | `' u u|
| < | | |."".|"
\ \| | '|""|"
> | | / 丶
ー| | |||||


</Pre>


|
┌──┐ ξ)
│___二⊃ / |
!!!" n n / /|
!!c っ / , γν丶
! ▽ / / /ο |
〕 し^ / | ー |
γ  ̄ ̄\/ |uu u 〕
/ | ハu u |
/ /| | `' u u|
| < | | |."".|"
\ \| | '|""|"
> | | / 丶
ー| | |||||




※文字絵はあおしの文字絵劇場から使わせていただきました。

たとえば詩などを書くとき。
この<pre>~</pre>を使ってみせ方を工夫すると、ちょっとカッコよく見せることができます。
</pre>のあとは、自動的に1行空白があきます。


いかがでしたか?
段落づけをするとしないとでは、ずいぶん見え方に違いがでてきます。
comment 0 trackback 0
05.15
Mon
・改行


前回は、フォントタグ(強調)を学びました。
今回は、改行をつくるタグです。


改行 <Br>
改行したい部分にこのタグを入れることで<Br>改行されます。


改行したい部分にこのタグを入れることで
改行されます。




■トップページ > レイアウトタグ > 一行空けて改行、行揃え


一行空けて改行



一行空けて改行します。<P>1行空白が空きます。


一行空けて改行します。

1行空白が空きます。






一行空けて行揃え ALIGN="left、center、right "


<P ALIGN="left">一行空けて左</P>
<P ALIGN="center">一行空けて真ん中</P>
<P ALIGN="right">
一行空けて右</P>


一行空けて左


一行空けて真ん中


一行空けて右







この前回学んだ<br>と今回の<P>
通常の日記の場合は、改行が簡単にできますので、普段、使うことはほとんどありません。しかし!! この<br><P>の使い方はぜひ覚えておいてくださいね。なぜなら、後々でてくる「<table>」タグや「トップページ自由欄」や「フリーページ」作成時に、必須になるからです。要チェック!! 要暗記なタグなのです!!



Home

comment 3 trackback 0
05.10
Wed
・文字のカスタマイズ


■ フォントを強調させる



前回は、文字を自分好みのフォントに変える方法を学びました。
今回は、フォントを強調させる方法について学んでいきましょう。


文字を強調するときはemタグを使い、さらに強調したいときはstrongタグを使用します。


1.強調(太文字) <strong>~</strong>
より強調を意味する<strong>太い文字</strong> になります。


より強調を意味する太い文字 になります。


説明
ブラウザでの表示のされ方は<B>と同じですが、<strong>タグの方がより強い強調を表します。ただし<strong>タグを乱用すると「SEOスパム」と見なされ逆効果です。<strong>タグは1ページ内に3つまでがよいとされています。キーワードを強調させることにより検索エンジンに拾われる確立が高くなります。





一般的なブラウザでは、強調された部分が斜体、または太字で表示されます。


2.強調(斜体) <em>~</em>
<em>Googleなどの検索エンジンに重要視されるタグです。</em>


Googleなどの検索エンジンに重要視されるタグです。



3.addressタグで囲まれた内容には、そのページの作者情報(メールアドレス等)や更新日などを記述します。一般的には、ページの最後で使用されることが多いようです。

強調(斜体)アドレスタグ <address>~</address>
<address>みんタグ@メールアドレス</address>


みんタグ@メールアドレス





4.sタグ、またはstrikeタグで、文字に抹消線を引くことができます。


取り消し線 <s>~</s>
昔書いた文章の<s>訂正</s>などに使うといいですね。

昔書いた文章の訂正などに使うといいですね。。



取り消し線 <strike>~</strike>
こちらも<strike>同じ効果</strike>になります。

こちらも同じ効果になります。



5.delタグで、それが抹消された部分であることを明示することができます。

取り消し線(削除文) <del>~</del>
こちらは文章を<del>削除</del>する意味を含むタグです。


こちらは文章を抹消する意味を含むタグです。


6.H1~H6タグ<H1>~<H6>のHとはHeadingの略で、見出しを意味します。 <H1>が最上位の見出し(大見出し)で、以下数字が小さくなるにつれて下位の見出し(小見出し)となります。


H1 アフィリエイト専門店

<H1>H1</H1>

H2 アフィリエイト専門店で使用不可

<H2>H2</H2>

H3 アフィリエイト専門店で使用不可

<H3>H3</H3>

H4 アフィリエイト専門店

<H4>H4</H4>
H5 アフィリエイト専門店
<H5>H5</H5>
H6 アフィリエイト専門店
<H6>H6</H6>



Home

comment 0 trackback 0

 New Favorite blog Entries 最新記事 37サイト掲載中

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