000000 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

四つ葉のクローバー

PR

X

全16件 (16件中 1-10件目)

1 2 >

HP作成用語を英語で検証

November 11, 2004
XML


今回は,私が使っている「テーブル」の具体的な使い方をご紹介します。
(すでにご紹介したものを使った例ですので,今回は英語の検証は無しです。)

今月から使っている「よもやま話」欄の「いちょうとどんぐりのテーブル」です。


<TABLE border="0" style="border-width : 2px;border-style : dashed;border-color : #cc9900;" cellspacing="35" background="http://---背景用画像のURL---.gif" cellpadding="20">

最初の, border="0"で,セルの枠線の太さを”0”にして,セルの枠線を表示させないようにしています。

style="border-width : 2px;border-style : dashed;border-color : #cc9900;"
この部分で,(外の)枠線の太さを2px,形状を dashed,色を #cc9900に指定しています。
これが,外枠の,栗色の破線の部分です。

background="http://---背景用画像のURL---.gif"で,テーブル内の背景画像を入れました。
イチョウとどんぐりの背景です。

cellpadding="20"で,テーブル内の文字の書き始めの位置(余白)を取りました。
枠線と文字が密着しないで,適度な余白があるほうが見やすいのです。

これで出来上がるテーブルが,下のようになります。

このまま書き込んでいくと,どうなるか・・・?

実はこんな風に,なります・・・・左端の背景の上に,文字が重なってしまうのです。

それはそれで,良い場合もあります。が,文字の色と背景の色との兼ね合いで,見づらくなることもあります。
今回は,こんな感じになります・・・いかがでしょうか?

もちろん,cellpadding="20"で余白を入れたので,枠のギリギリのところではなくなっています。
画像から離れるように更に余白を取ろうとして,このcellpadding="20"の数字を大きく取ってしまうと,左側だけでなく上下も右側も同じように余白が空いてしまいます。
それでは,左側の背景の上だけ避けて文字を入れるにはどうしたらよいでしょうか?

そんな時に,便利なのが,「見えないテーブルを余白として入れ込む」と言うことなんです。

またまたどういうこと・・・・?

テーブルの枠線を,border="0"
にして,見えない状態にして,余白の大きさに指定して,そのテーブルを(この場合は)左端に置くのです。

そこで登場するのが,align="left"
です。

<table border="0" width="130" height="200" align="left"><tr><td></td></tr></table>
と言うテーブルを置いて,その後は普通に文字を入れます。

<table border="0" style="border-width : 2px;border-style : dashed;border-color : #cc9900;" cellspacing="35" background="http://---背景用画像のURL---.gif" cellpadding="20"><tr><td><table border="0" width="130" height="200" align="left"><tr><td></td></tr></table>ここに文字を入れます。</td></tr></table>

こういう風に<td></td>の間に,もう一つの(オレンジ部分の)テーブルを入れるのです。
すると・・・・





こんな風に,見えないテーブルの右側に文字が行くので,
左側の背景を避けて,文字が入力できます。

cellpadding="20"では,上下左右ぐるっと一周同じ幅の余白になりますが,見えないテーブルを入れると,片側だけ(または左右違う幅の)余白を自由に入れられます。

(←こっち側に,見えないテーブルで余白ができています。)

(こっちは,cellpadding="20"で空いています→)


わかりやすいように,枠線を表示させてみました。
border="1"と指定すると,見えてきます。
グレーの枠線が,セルの枠線です。
余白がcellpadding="20"になっているのがわかりますね。
青い枠線が,見えないテーブルをalign="left"で置いたものです。
一番外側の,破線のテーブルの中のセルがグレーの部分,その中にもう一つ左側に寄せたテーブル(青枠部分)が入っていると言うことです。





ライン13

*今日の一言ひとこと日記*



My youngest daughter finished her homework soon after she came home from school.







Last updated  November 11, 2004 05:14:40 PM
コメント(6) | コメントを書く


November 9, 2004
テーマ:趣味の英語(403)


タグシリーズ,テーブル応用編第八弾。
align="左右位置"を取り上げます。

テーブルや画像の位置(左/右/中央)を指定するタグです。

align="left"のように"  "の中に,"center""right"を入れます。
これを,<table>タグの中,または画像を表示するタグ<img src="画像ファイル名(URL)">の中に入れます。
必ず,半角スペースを入れてから,並べて下さい。


<table bordercolor="pink" style="border-style:solid"
align="left" width="100" height="100"><tr><td >こんな風に入れます</td></tr></table>

align="left"

align=center"

align="right"








*何も指定しない時は,自動的に左側に寄ります。
だから,単に左に寄せたいだけなら,align="left"は必要ありません。

実は,ただ単に位置を指定するだけではないのです。

何が便利かと言うと,このalign="left"またはalign="right"を入れたタグのテーブル(または画像)のすぐ後に続く文字が,そのテーブル(または画像)の横に回りこんで表示できるのです。(align="center"では使えないようです。)




って,どういうこと・・・・?




align="left"
たとえば,こんな風に,テーブル(または画像)の後に説明文を打ち込んでも,普通はテーブル(または画像)の脇は空白になってしまうのですが,align="left"が入っていると,ちゃんと隣にも文字が入るのです。しかもちょうど良いところまで自動的に入って,
後はテーブル(または画像)の下側へと続いて行きます。
私の過去の「よもやま話」欄で,画像を入れた時は,いつもこれを使っています。過去の日記の画像のある分をもう一度確認してみて下さい。画像の位置は,背景のデザインによって邪魔にならない位置(右や左)に指定していますが,
どちらにしても,その脇に文字が入っているはずです。


align="left"を入れないと・・・・
align="left"
無し
同じように,タグに続いて文字を打ち込んでも,文字はテーブル(または画像)の下に行って,脇は空欄になります。
だから,テーブル(または画像)を左に置いて,その右側に文字を入れたい時だけ,align="left"を入れます。




ついでに・・・・
Hspace="数字(px)" Vspace="数字(px)"を入れると,画像と文字との間隔が指定できます。



クローバー 丸Hspace="40" Vspace="10"と入れてみました。

すると,先ほどのテーブルの脇に回りこんだ文字に比べると,画像と文字の間隔が空いて,読みやすい感じになりましたね。

このばあいのHspace="数字(px)"が,の間隔,
Vspace="数字(px)"が,の間隔(この場合は,画像の下側)の指定になります。隙間を空けるほうが詰まっているよりもスッキリしたレイアウトになるのが,わかってもらえたでしょうか?ただし,この間隔をあける技は画像にのみ有効のようです。テーブルでは使えなかった・・・(T_T)



align本来の意味:

[他動詞]~を一直線に並べる,~を整列させる,
     ~を(・・・と)連携させる,連合させる
     ~に(・・・と)共同歩調を取らせる,~を調整する

[自動詞]一列に並ぶ


alignを使った例文:

・We alignedthe chairs in four rows.
(私たちは,椅子を,4列に,並べた)
・You should align yourself with other people.
(他の人たちと並べた歩調を合わせた方が良いよ)



Hspace="数字(px)"Hhorizontal

Vspace="数字(px)" Vvertical




horizontal本来の意味:

[形容詞]地平線の,水平な,横の,対等の

horizon[名詞]地平線,水平線,範囲,限界,視野,地平層

horizontally[副詞]横に,水平に,


horizontalを使った例文:

horizontal line (水平線)

horizontal stripe(縞)

horizontal association
(水平連合=同業者の連携)



vertical本来の意味:

[形容詞]垂直な,直立した,縦の

vertically[副詞]縦に,垂直に



verticalを使った例文:

vertical line (線)

vertical drop (標高差)

・The cliff is almost vertical.
(その崖はほとんど垂直だ)



ライン13

*今日の一言ひとこと日記*



I was deeply disappointed to find that my daughters' rooms were still in a mess.







Last updated  November 9, 2004 09:41:35 PM
コメント(2) | コメントを書く
November 6, 2004
テーマ:趣味の英語(403)


タグシリーズ,テーブル応用編第七弾。
style="border-style:線の種類"を取り上げます。

「テーブルの枠線の種類」を指定するタグ(スタイルシート)です。
「スタイルシート」と言うのは,簡単に言えば,HTMLだけでは指定できない細かい部分の指定をできるようにするものです。
これについては,また別の機会に取り上げます。
tableタグでは,枠線の状態が自動的に決まってしまって,指定できるのは,「色」と「幅」くらいですが
このスタイルシートを使うことによって,もっと色々な枠が作れます。

dotted

dashed
solid
double


基本のテーブルタグの中にstyle="border-style:線の種類"を入れます。
具体的には,たとえば・・・
<table bordercolor="pink"style="border-style:dotted"width="200" height="100"><tr><td>こんな風になります</td></tr></table>



dot本来の意味:

[可算名詞]点,ドット,終止符,水玉模様,少量,
     モールス信号の短信号

[他動詞]~に点をつける,~に点在する,散らばる,
     ~に少量つける,



dotを使った例文:

・a necktie with white dots (白い水玉模様のネクタイ)
・polka dots (水玉模様)
・We arrived on the dot of seven (o'clock)
(私たちは,7時ちょうどに着いた on the dot=ちょうどに )
・The bay was dotted with sailboats.
(その湾には帆船が点在していた)



dash本来の意味:

[可算名詞](~への)突進,ダッシュ,
     (句読点の)ダッシュ-
     良くするために入れる少量の混ぜ物,加味すること
     波が砕けること,ぶつかる音
     一撃,モールス信号の長音

[他動詞]~をたたきつける,投げつける,突き飛ばす
     希望を打ち砕く,~をがっかりさせる
     水などをはねかける
     ~に・・・を混ぜる

[自動詞]突進する,急いで出発する
     激しくぶつかる,


dashを使った例文:

・He dashed out, slamming the door behind him.
(彼はドアをバタンと閉めて飛び出して行った)
・Her hopes were dashed by the bad news.
(彼女の望みは,その悪い知らせで打ち砕かれた)
・I always dash coffee with milk.
(私はいつもコーヒーにミルクを入れる)
・A passing car dashed water her.
(通り過ぎる車が彼女に水をはねかけた)



solid本来の意味:

[形容詞]固体の,しっかりした,濃い,
     頑丈な,どっしりした,信頼の置ける,
     むくの,同一色調の,
     深みのある,まじめな,中身の詰まった
     切れ目がない,連続的な,ぶっ通しの
    
[副詞](米口語)全く,完全に,すっかり

[可算名詞]立体,固体,固形物,無地



solidを使った例文:

・Ice is the solid state of water.
(氷は水が固体になった状態です。)
・a shirt of soid red (赤一色のシャツ →赤い無地のシャツ)
・a solid wall around a castle (城をぐるりと取り囲む城壁)
・seven solid wins (7勝)
・They worked for eight solid hours.
(彼らは8時間ぶっ通しで働いた)



double本来の意味:

[形容詞]2倍の,二重の,二人用の,
     裏表のある,欺瞞的な,あいまいな
     八重の(花弁)

[副詞]二倍に,二十二,対を成して,二人一緒に

[可算名詞](2)倍,ダブル,二人部屋,
       そっくりな人,生き写し,代役,生霊
       急な方向転換,2塁打,(doubles)ダブルス

[他動詞]~を2倍にする,二重にする,握りしめる,
     二役を演じる,~の代役を務める,
     ダブルプレーでアウトにする,

[自動詞]二倍になる,倍増する,二役を演じる,兼ねる
     二塁打を打つ



doubleを使った例文:

・He earns double my salary.(彼は私の稼ぐ)
・a double whisky (ダブルのウイスキー1杯)
・a double window (二重の窓)
・a double character (二重人格)
・fold a blanket double (毛布を二つ折にする)




「枠の太さ」を指定したいときは・・・・

<table>タグ内が,

<table style={border-style:dashed;border-color:pink;border-width:1px;width:200px;height:100px}>
となります。

え~?何?何?これ~?

実はこれがスタイルシートです。

形としては,
style={          }の中に,指定する部分を細かく入れて行きます。
(コロン)は=(イコール)と同じ意味です。
(セミコロン)は,次の属性値との区切りです。(ここで終わりと言う意味)
border-style:dashed ←これで枠線の形状をdashedに指定。
border-color:pink ←これで枠線の色をpinkに指定。
border-width:1px ←これで枠線の太さを1pxに指定。
width:300px height:100px ←これでテーブルの横と縦の長さを指定


border-width:1pxのdottedはこうなります
border-width:2pxのdottedはこうなります
border-width:1pxのdashedはこうなります
border-width:2pxのdashedはこうなります


*border-width:1pxでは,dotted も dashed もあまり変わらなくなります。
2px以上で指定したほうが良いでしょう。

ライン13

*今日の一言ひとこと日記*



I renewed a notice board on the top page of my website.







Last updated  November 6, 2004 07:49:44 PM
コメント(4) | コメントを書く
November 5, 2004
テーマ:趣味の英語(403)


タグシリーズ,テーブル応用編第六弾。
bgcolor="色名または#番号"を取り上げます。

「テーブルの背景色」を指定するタグです。

bgcolorbgbackgroundです。



background本来の意味:

[可算名詞](景色 写真 絵 舞台などの)背景,バック
     (事件などの)背景,背景的な,事前の
      素性,学歴,経歴,前歴
     (模様などの)

backgroundを使った例文:

・a mountain painted in the background
バックに描かれている山)
・a pink flower pattern on a white background
 (白にピンクの花模様)
・the historical background of the war
 (その戦争の歴史的背景
・What's his educational background ?
 (彼の学歴は何ですか?)
background music = BGM




bgcolor="色名または#番号"<table>タグの中に入れます。

<table border="2"bgcolor="pink" width="300"
このように入れます</td></tr></table>

すると,このように,テーブル内全部がピンクになります




もっとわかりやすいように,テーブル内のセルの数を増やしてやってみましょう。

セル1セル2
セル3セル4


こんな風に,枠も,中のセルも全部が指定した色(ピンク)になります。




bgcolor="色名または#番号"<td>タグの中に入れた場合。

<table border="2" width="300"><tr><td bgcolor="pink"セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>



セル1セル2
セル3セル4


bgcolor="pink"を入れたセル1だけが,指定した色(ピンク)になりました。
(セル1の始まりの<td>タグ内に入れました)

各セルごとに色分けすることもできると言うことですね。




bgcolor="色名または#番号"<tr>タグの中に入れた場合。

<table border="2" width="300"><tr bgcolor="pink"><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>

セル1セル2
セル3セル4


今度は横の列(セル1とセル2)が全部,指定した色(ピンク)になりました。
列ごとの色分けもできますね。




さらに,応用編。
backgroundつながりで・・・・
background="画像URL"<td>タグの中に入れると,テーブル(セル)内の背景に画像が入ります。

<table border="2" width="300" height="200" cellpadding="35"><tr><td background="http://***************.jpg">この中の文字の色を変えたいときは,この文字の前後でfontタグを使います</td></tr></table>

こんな風に背景に画像が入ります.
文字は画像の色合いに合わせて(見やすいように) LightYellow にしました。
いかがでしょうか?





*セルが複数あるとき・・・・
background="画像URL"<tabel>タグの中に入れると,テーブル内全体の背景に画像が入ります。

<table border="2" width="300" height="200"background="http://***************.jpg"><tr><td>セル1</td><td>セル2</td></tr><tr><td>セル3</td><td>セル4</td></tr></table>

セル1セル2
セル3セル4




*セルごとに背景を変えることもできます。
入れたいセルの始まりの<td>内にbackground="画像URL"を入れて下さい。

セル1セル2
セル3セル4




ライン13

*今日の一言ひとこと日記*



It was nice day today, so I hung out the futons . I'm glad that they've turned soft and light.







Last updated  November 5, 2004 02:19:29 PM
コメント(8) | コメントを書く
October 27, 2004
テーマ:趣味の英語(403)


 

タグシリーズ,テーブル応用編第四弾。
セル内の大きさを指定するタグを扱います。
これが,横300pxのテーブルです。border="1",
heightの指定なし。cellspacingは指定なし。heightの指定をしなければセル内のデータに合わせて自動的に縦が伸び縮みしてくれてぴったりサイズになります。この状態でセル内にデータ(文字・画像など)を入れると,セルの枠(青色)ギリギリのところにデータが接していますね。なんだかぎっしり詰まってちょっと苦しい感じがしませんか?


そこで登場するのが,今日扱うタグ
cellpadding="ピクセル数"
このタグを<table>タグの中に入れます。

<table border="1"width="300" cellpadding="20"><tr><td>このように入れます.
</td></tr></table>
すると,このようにセルの枠(内側の青枠)から文字が離れて隙間が空きましたね。cellpaddingは10~20で指定すると見た目がすっきりバランスの良い感じになりますが,中に入れるデータのレイアウトを考えてもっと広くとっても良いでしょう。まあ,お好みで。

ちなみに,フリーページの四枚めの葉っぱ,H's GalleryY'sGlleryの絵とお習字を入れたテーブルでは,cellpadding="20"(border="5")で指定してあります。
すると,まるで額縁のような感じに仕上がります。




さて,cellpaddingcellpadding

padding本来の意味;
[不可算名詞]詰め物,パッド,詰め物をすること,水増しした内容(その不要な語句)
cellpaddingセルの内側の枠とデータ(文字・画像など)との間に見えない詰め物をして余白をいれると言うことになります。



*補足*
pad本来の意味;
[可算名詞](衝撃や摩擦を防ぐ)当て物,クッション,
     (型を整えるための)詰め物,
     パッド,傷口に当てる当て布,スタンプ台,
     一つづりの紙,
     ロケットの発射台,ヘリコプターの発着場
       
[他動詞]~に(・・・の)当て物(詰め物)をする,
    パッドを入れる
    演説や文章に不要な内容で水増しする,
    余分なもので内容を膨らませる
    リードを広げる
 
padを使った例文;
・a shoulder pad(肩パッド)
・a memo pad(はぎ取り式メモ帳)
・She padded out the shoulders of a dress.
(彼女はドレスに肩パッドを入れた)

ももかんハロウィンライン

「HP作成用語を英語で検証 目次」を,やっとTOPページにスクロールバーを使って入れることができました。
フリーページの目次ページは削除しました。
   







Last updated  October 27, 2004 06:54:08 PM
コメント(0) | コメントを書く
October 26, 2004
テーマ:趣味の英語(403)


 

タグシリーズ,テーブル応用編第三弾。
テーブル内の大きさを指定するタグを扱います。

これが横300px縦200pxのテーブルです

まずは復習。
ピンクの外枠がtabel border,
青の内側の枠がセルの枠です



cellspacing="ピクセル数"


このタグを<table>タグの中に入れます。



<table border="1"width="300" height="200" cellspacing="40"><tr><td>このように入れます</td></tr></table>
すると,このようにtable border(外枠)とセルの枠(内側の枠)の間が離れましたね


cellspacingcellspacing
cell前回取り上げました。

spacing本来の意味;

[不可算名詞](印刷やタイプの時の)間隔,間隔を空けること,語間,行間



spacingを使った例文;

・type in double spacing (行間を1行空けてタイプする)

・type in single spacing (行間を空けずにタイプする)




cellspacing

セルの間隔をどれくらい空けるか

の指定になります。

  







Last updated  October 26, 2004 03:54:18 PM
コメント(4) | コメントを書く
October 25, 2004
テーマ:趣味の英語(403)


 
タグシリーズ,テーブル応用編第二弾。
テーブルの大きさを指定するタグを扱います。
まず,基本のテーブルタグ
<table border><tr><td>基本のテーブル</td></tr></table>

これが基本のテーブルでしたね

テーブルは基本的に,文字数に合わせて自動的に枠の大きさが変わります。
だから文字数が増えれば増えるほど,
または画像の大きさによって大きくなります。
この中の文章は改行を入れています。
改行を入れなければずーっと横長のテーブルにもなるわけです。
もちろん縦サイズもセル内のデータの大きさに合わせて大きくなります。
自動的にぴったりサイズの枠になってくれると言うわけです。


でも,先にテーブルの大きさを固定したい場合もあります。
データの大きさ(文字数)にあわせたサイズにするよりも,
最初にテーブルの大きさが決まって,その大きさに合わせたデータを
入れることになります。
縦・横のサイズを両方指定することもできるし,
横幅だけ(または縦だけ)を指定すれば,
指定しなかった方だけ,文字数に合わせて自動的に変わってくれます。

サイズ指定の仕方:
<width="数値" height="数値">
数値の部分にピクセル数
入れて指定するか数値%のように入れて指定します。
ピクセル数で指定するときは,半角数字のみを入れればOK。
パーセンテージで指定するときは,半角数字と,%を入れます。


width="200"でheight="100"に指定するとこれくらいの大きさです



どれでも画像の上で右クリックして,「プロパティ」を開くと,
その画像の「横×縦」の大きさがピクセルで表示されますから
参考にあちこちの画像をピクセル数で確認してみると
大きさの目安がわかります。

1ピクセル(1px)=約0.26mm


ピクセルで指定する場合は表示するモニター画面の大きさに関係なく一定の大きさになります。
小さな画面でも,大きな画面でも同じ大きさになるわけです。
(*ただし,Netscape6.0(Win.)の場合はフォントサイズを変えるとそれに合わせて1pxの大きさも変わるそうです)

あまり大きなピクセル数で大きなテーブルを作ってしまうと,
小さな画面では,はみ出してしまうこともあるので気をつけましょう。

パーセンテージで指定する場合は,
画面の中の何パーセントの幅(高さ)かと言う指定になるので
大きな画面では大きく,小さな画面では小さく表示されます。
画面の大きさに合わせて自動的に縮小拡大されると言うことです。

それほど大きなテーブルでなければ,どちらで指定してもあまり影響はありませんが。




width本来の意味;
[可算名詞]横幅,一定の幅のもの,寛大さ

widthの例文;
・What is the width of this fabric?
 (この布の幅はいくつですか)
・This river is about 50 meters in width.
(この川の幅は約50メートルある)
・She has width of mind.
(彼女は心が広い)

heiht本来の意味;
[可算名詞]高さ,身長,高度,高いところ,絶頂,ピーク

ピクセルpixelで,
画像を構成する最小単位。(ピクセル=画素
pixel
pix(pictureの口語表現picの複数形pix)と
element(要素・構成要素)からできた造語。

日本語の「パソコン(パーソナルコンピューター)」のような
二つの単語をくっつけて(省略して)新しい言葉をつくるようなことが
英語でもあるってことですね。




「HP作成用語を英語で検証」シリーズが,今回で10回目になりました。
そこで,フリーページ一枚目の葉っぱに,目次ページを作りました。

本当はTOPページに,工夫して入れようと思ったのですが
思ったようにできず,とりあえずフリーページに入れました。
項目ごとにページにジャンプするようにしてあります。









Last updated  October 25, 2004 06:41:44 PM
コメント(4) | コメントを書く
October 23, 2004
テーマ:趣味の英語(403)


 
タグシリーズ,テーブルタグ応用編第一弾。
<セル>
前回のテーブルの基本で出て来た言葉の説明から。
まずは,おさらい。
テーブルは何も指定しなければ,二重の枠線になります。
これが基本のテーブルでしたね


この外枠のことをborderと言います。
内側の部分がセルです。

わかりやすいように色を変えました

ピンクの枠がborder,青の枠がセルです。

セルは英語でcell

cell本来の意味;
[可算名詞]細胞,独居室,独房,電池,(蜂の)巣穴,
      (携帯電話の)電波エリア,表の1区分

cellを使った例文;
・Scientists are searching for foods which prevent the growth of cancer cells.
(科学者たちは癌細胞の増殖を抑える食品を探している)
・brain cells(脳細胞)
・a dry cell(乾電池)
・cell wall(細胞壁)



*補足*
cell phone(携帯電話)は,cellular phone の口語表現。

cellular [形容詞]細胞の,細胞でできた,
     目の粗い(生地の目),
    (電話の)セル(ラー)方式の
    (基地局を小区域ごとに設ける
     無線電話技術方式)


ワインセラーと言うときのセラー

cellar[可算名詞]地下室,地下貯蔵室,ワインの蓄え,
          (競技順位が)最下位
   [他動詞]~を地下室に貯蔵する




       


  







Last updated  October 23, 2004 01:06:44 PM
コメント(2) | コメントを書く
October 18, 2004
テーマ:趣味の英語(403)


 
タグシリーズ,今日はテーブルを作る基本のタグを取り上げます。

そもそも,テーブルとは?
表(枠)の事を指します。


タグは次のようになります。
<table border><tr><td>ここに表内の文字が入ります</td></tr></table>

これが基本中の基本のテーブルタグです。

↓このタグでできるテーブルはこちらになります。
ここに表内の文字が入ります

*テーブル例1*


タグ内の英語の解説。
table,border はそのまま英語の単語です。

<tr>Table Row

<td>Table Data

table本来の意味:

[可算名詞]テーブル,台,表,一覧表,目録,
    (食卓に出される)料理,平板,台地,高原
     九九の表,データ保存用配列,
     表形式の表示書式

[他動詞](法案などを)延期する,棚上げする
     ~を審議に付す,~を表(一覧)にする


tableを使った例文;

・a table of contents(目次一覧)
・a chronological table(年表)
・Do you know your seven times table?
(九九の7の段は言えますか?)
  *learn one's tables(九九を覚える)のように
  九九の場合はtable(s)の前に
  「誰の(my,your,her,hisなど)」
  が入ります。







border本来の意味:

[可算名詞]境界線,国境,ふち飾り,縁取り,
     細長い花壇(道の縁どり用)

[他動詞]~の境をなす,~に国境を接する,
    ~に飾りで縁取る
[自動詞]~と国境を接する,
    ~とほとんど同じ状態にある


borderを使った例文;

・cross the border into 国名
 (国境を越えて~へ入る)
・We drove along the Canada-U.S. border.
=We drove along the border between Canada and U.S..
(私たちはカナダと合衆国の国境に沿ってドライブした)
・a handkerchief with a lace border
(レースの縁取りのあるハンカチ)


*テーブルタグのborderは,テーブルの
 一番外側の枠線のことです。


<border>の属性値に数字を入れると,線の太さを変えることができます。

<table border="1">
のように,数字の"1"の部分の数を大きくすると太くなり,
"0"にすると枠線が見えなくなります。
属性値の数字を指定しないと,自動的に"1"になります。
上の*テーブル例1*は"1"です。




row本来の意味;

[可算名詞]列,並び,横列,(劇場などの)座席列,
     編み目の列,(表計算シートの)横列
     
rowを使った例文;

・We stood waiting for hours in a row.
(私たちは何時間も列に並んだ)
・I sat in the front row.
(私は最前列に座った)

*<Tr>~</Tr>で表の横一列を作ります。<Tr>から</Tr>までが横一列ですと言う指定です。




data本来の意味;

[不可算名詞]資料,データ,数値,統計,情報

dataを使った例文;

・The latest data is available.
(最新のデータが利用できます)
・He fed data into a computer.
(彼はコンピュータにデータを入力した)

*<Td>から</Td>までが一つのマス(「セル」と言います)になります。
*「テーブル例1」の内側の枠がセルです。




セルを二つ横に並べたテーブルを作りたいとき
<table border="2"><tr><td>ここがセル1</td><td>ここがセル2</td></tr></table>

ここがセル1ここがセル2

*テーブル例2*


border="2" にしたので,外枠が少し太くなっています。
横列<tr>~</tr>の中にデータの入ったセルを二つ並べたと言うことになります。

セルを縦に並べたい時は,横列の終わりのタグ</tr>を挟んで,あらためて横列<tr>とセル(データ)の始まり<td>と終わり</td></tr>を入れます。

<table border="3"><tr><td>ここがセル1</td></tr>←これで列の終わりを指定    これで新たに列の始まりを指定→<tr><td>ここがセル2</td></tr></table>

ここがセル1
ここがセル2

*テーブル例3*

border="3" にしたので,外枠が更に太くなっています


以上がテーブルタグの基本中の基本でした。
応用編(色,枠の線種,背景など)はまた今度・・・・
(いつになるかは・・・?)

疲れたあ~(*_*;


   ライン13


     *今日の一言ひとこと日記*


I have a pain in my stomach.







Last updated  October 18, 2004 05:29:55 PM
コメント(6) | コメントを書く
October 14, 2004
テーマ:趣味の英語(403)


  昨日のタグがインパクトあったようですが,今日はだいぶ地味になります。(^^ゞ

<Br>
これを知らない楽天広場ユーザーはいない?

「改行」タグとしておなじみですね。

さて,ではBrとは?

Breakと言うことです。

break本来の意味;
[他動詞]~を壊す,割る,折る,破る,無視する,中断する
    くじく,挫折させる,もらす,記録更新する,
    (旗などを)揚げる,(動物を)馴らす,訓練する

[自動詞]壊れる,割れる,敗れる,逃げ出す,ダッシュする,
    突然現れる・起こる,中断する,休憩する,断つ,発表する
    急変する,夜が明ける
  
[名詞]破損,破壊,割れ目,切れ目,中断,休憩,決別,始まり,夜明け
    急変,突進,脱走,運,世の常, 

breakを使った例文
・He broke a twig in two.
(彼は小枝を二つに折った)
・She broke her diet by eating a piece of cake.
(彼女はケーキを一切れ食べてダイエットを中断した)
・I'm on my lunch break.
(私は昼休み中です)
・Let's take a five-minute break for coffee.
(5分間休憩してコーヒーを飲もうよ)
・I need a break.(まいったな~,休みたいよ)

「一続きの長いものを刃物を使わずに折る,割る」と言うイメージ。

「一行(line)を,ここで中断する」と言うことで「改行」になるわけですね。

ももかんハロウィンライン

ようやく雨が上がりました。
台風の前からずーっと雨でしたからね~。
もううんざり・・・洗濯物も乾かないし・・・
でも,ほとんど曇り空で,たまに日が差す程度。
今日は部分日食だって言うのに,見ることはできませんでした。
北日本では観測できたとか?
毎日新聞のサイトには出ていました。

明日も曇り空らしい・・・
早くカラッと晴れてくれないかなあ・・・


   ライン13


     *今日の一言ひとこと日記*


My oldest daughter finished the midーterm exams. I wonder if she gets good enough grades.







Last updated  October 14, 2004 06:36:51 PM
コメント(4) | コメントを書く

全16件 (16件中 1-10件目)

1 2 >


© Rakuten Group, Inc.