バカネコ日記

フリーページ

2005年07月15日
XML
カテゴリ:バカネコPC講座
バカネコ村の記事を検索する
ひきつづき、バカネコ講座。
前回の記事「レイアウトの方法 1」をを読んでいない人は、
とりあえず、それを先に読んでいただきたい。
さて、レイアウト(配置)の勉強を進める前に、カンタンな英語を覚えよう。
英語といっても、中学生レベルであるから、ぜんぜん心配いらない。

HTMLの呪文は、英語から引っぱってきたものが、ほとんどである。
レイアウトするために、避けては通れない単語を、いくつか紹介する。
お昼のワイドショーを見ている場合ではない。

さて、ワイドショーとは関係ないが、ワイドとは、wide と書いて、
横に広いという意味である。
これの名詞形が、width で、横幅という意味だ。
むりやり、カタカナ表記すると、ウィドゥスとなる。

ハイ・ジャンプとは、高飛びであり、「ハイ」は高いという意味である。
綴りは high で、その名詞形は height(ハイト)。
つまり、高さという意味である。
いかにも、レイアウトと関係ありそうではないか。

ネコに英語は、いらんのにゃ!

【単語の例】
では、レイアウトに必要とされる、英単語を列記してみよう。
  横幅 width
  高さ height
  左  left
  中央 center
  右  right
  上  top
  下  bottom
ちなみに、table は「表」という意味である。

意外に、どっかで見たような単語ばかり、ではなかろうか。

【設定方法】
これらの単語を、イコールで、数字と結ぶことによって、
値を指定するのが、基本である。

たとえば、width="100" とは、横幅を100にセットせよ、
という意味なのだ。
あとは、height だろうが、left だろうが、要領はみな同じである。
何でもかんでも、イコールで繋いで、数値をセットすればよろしい。

複数セットするには、半角スペースで区切って並べるだけだ。
たとえば、テーブルの大きさを、ヨコ400、タテ300 に指定するには、
tableタグに、これらを仕込む。
<table width="400" height="300">
・・・中身は省略・・・
</table>
と書けば、幅400、高さ300、の表が出来る。

【マスの幅】
テーブルの中に書く、それぞれのマスの幅も、個別に指定できる。
tdタグの中に、widthを放り込んでやればよい。
<td width="40">左のマス</td><td width="60">右のマス</td>

なお、セットする数字は、半角のダブルクォーテーションマーク(")で囲むのが、
正式なルールであるから、併せて覚えておこう。

書く時はすべて、半角英数字で書くこともお忘れなく。
全角で書いたり、半角スペースなしで連続させると、
隣接したものまで無視されて、予期せぬエラーの原因となる。

【サイズ指定の単位】
今回のように、単位を省略した場合は、単位はピクセルとみなされる。
ピクセルとは、モニタに表示できる最小の点のことで、
モニタ幅が、1024ピクセルの場合、500ピクセルといえば、
画面の、およそ半分の長さであることが、わかる。
モニタの幅から類推すれば、だいたいの見当がつくであろう。

テーブルは、まだまだ細かい指定ができるが、本日はここまで。


【本日のポイント】
1.HTMLの呪文は、カンタンな英単語。
2.width="100" のように、数字を入れれば、大きさが指定できる。
3.呪文は半角スペースで区切って、複数仕込むことが出来る。

【トド短信】
 このところ、雨が多くて涼しかったのだが、いよいよ猛暑到来か。
 ちょっと油断するとパソコンも、熱暴走する時期である。
 カバーをはずして、扇風機で風を送りながら使っているのだが、
 それでも、すぐハードディスクが熱くなる。
 CPUなど、恐ろしくてさわれない。
 裸のパソコン


【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン3号のサンプル版、
 「バーニャン・ミニ」のダウンロードはこちら。
・にゃんタグのサンプル版は、このページの中段付近。
・バカネコ・ビューアのダウンロードはここ。

1日1票! ブログランキング→ぜひ、クリックしてね


※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるPC講座はこちら → バカネコ講座
バカネコ村特製!手抜きツール → バカネコソフト


【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン・ミニ 楽天日記のバックアップ にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン



 The Power ! 楽天日記の保存なら、バーニャン3号!

日記のテキストだけじゃなく、コメントも画像も保存したい。 トップページも残したい。
フリーページも全部、画像付きでバックアップしたい。 特定期間の日記だけ取りたい。
1000ページ以上あるんだけど、なんとかラクして、ダウンロードできないかしら。
ついでに、ダウンロードしたファイルの一覧もあったらいいな、リンク付きで...。

バーニャン3号なら、これらが全部できます。 しかも、クリック一発で。

詳細は  → こちらのページ

サンプル版 → ダウンロード


購入は  → 楽天フリマ




画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。






最終更新日  2005年07月15日 22時25分08秒
コメント(30) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.