簡単ホームページをメモ帳で作ろうよ


第10回:定義型リストと引用のタグなど

<nifty:FROM40PC/MES/11/1420>

<定義をリスト表示する> 
例: <dl><dt>~<dd>~</dl>

<dt>の後ろには定義される言葉を書き、それぞれの定義語の意味を<dd>の後に書き、全体を<dl>~</dl>でサンドイッチ
します。そうすると、下の絵の表示のようになります。

<dl>
<dt>ソルティ<dd>関西在住の大旦那。チャットで関西弁をあやつる。
<dt>みつりん<dd>越後の若旦那。ダジャレに命をかける男。
<dt>まっくろ<dd>沖縄出身の新聞記者。毎晩の晩酌は泡盛で、ご飯は大盛らしい。
</dl>




<引用タグを使ってもいいんよう> 
例: <blockquote>~</blockquote>
このタグを使うと、自動的にインデントされて段落が作られます。

下の例はセカンドハーフで発言した内容の引用です。
<blockquote>
カメって、かわいいよね。僕のポストペットのキャラクターはカメなんです。名前
は「かめへん」。そんなことより、インターネットの獣医さんのページからリンク
集がいろいろ張ってるので、そちらを覗いてみられてはいかがですか。掲示板もあ
るみたいなので、もしかしたらナイスなアドバイスがいただけるかもしれません。
http://www.vets.ne.jp/index.html#petです。ページの下のほうにペットフォーラ
ムと掲示板へのリンクがあります。爬虫類・両棲類・亀のコーナーがあります。と
ころで、僕が昔聞いた話ですが、食糧難の時代にはカメを食べていたそうですね。
でも、肉は固くて食べられなかったそうな。そんな時、子供のことを思って、親が
こう言うんだって。「よく、カメ!」し、しつれいしました。フィクションですの
で、お許しを。
</blockquote>

見え方は、ブラウザの幅によって異なりますが、左がインデント(空白が自動挿入)されていますね。
また、右側もスペースが挿入されています。
ここでブラウザの表示幅を変えてみると、表示される段落の幅もそれにあわせて
変わります。何度かブラウザの幅をマウスでドラッグして変更してみましょう。
段落もそれに合わせて幅が変わりますよ。


<特殊フォントの表示>
次のように特殊な記号を組み合わせてブラウザや掲示板に表示させる練習を
しましょう。書き方は&の後にコードを書きます。
 < ならば &lt; 
 > ならば &gt; 
というふうに &lt; とタグを書けば、< が表示されたりするわけです。
下の文はそのまま読むと、何のことだかよく分かりませんが、ブラウザで表示させると謎が解けます。

タグは&lt;や&gt;あるいは&amp;などを用いて記載します。<br>
たとえば&lt;br&gt;というタグは改行するためのタグです。<br>
他にも&copy;や&reg;&#177;などといった記号も表すことができます。<br>
ただしブラウザのフォントの設定によっては、正しく表示されないものもあります。



上の暗号の謎が解けました。(^_^)
Internet Explorer と Netscape では見え方が微妙に異なっています。

Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson10
Lesson11 Lesson12 Lesson13 Lesson14 Lesson15 Lesson16 Lesson17 Lesson18 Lesson19 Lesson20
Lesson21 Lesson22 Lesson23 Lesson24 Lesson25 Lesson26 Lesson27 Lesson28 Lesson29 Lesson30

みつりんの簡単ホームページ講座トップ

トップページへ コマンドプロンプト VBAで遊ぼう パレットへ(注) ホームページ道場へ(注)
(注)@nifty会員のみご利用いただけます 30日で完成ホームページ本 ファイルの開き方

Since 15/06/1999
ホームページの内容の転載を禁じます made by mitsurin