掲示板/総合質問板/過去ログ/一覧/ ご質問、『野球スコア表』

0 名前： 宇部孝史 ： 2005/10/10 21:03: 管理人さまへ

ご質問があります。
タグ表に作りたいと思いますから
野球スコア表とカラーで線の組み立てる方法に教えてください。

1 名前： 匿名希望 ： 2005/10/10 21:03: こんばんは。

表の背景と枠線に、色を付けたいということですか？

http://www.tagindex.com/hp_guide/table/01.html
↑このへんのページが参考になるのではないかと。

2 名前：ナナ： 2005/10/10 21:03: 宇部孝史さまへ

野球スコア表タグ
ご回答します。
背景色タグ、また表の色タグがあります。
難しい技術ですが・・・・

<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR=#00800>←緑色
<body bgcolor=white text=black>←文字・数字色(白色)
<table border=1>
<caption>野球の試合結果</caption>
<tr>
<th>チーム名</th><th>１</th><th>２</th><th>３</th><th>４</th><th>５</th>
<th>６</th><th>７</th><th>８</th><th>９</th><th>計</th>
</tr>
<tr>
<th>ライオンズ</th><td>０</td><td>０</td><td>１</td><td>０</td><td>１</td>
<td>０</td><td>０</td><td>０</td><td>０</td><td>２</td>
</tr>
<tr>
<th>マイナーズ</th><td>０</td><td>０</td><td>０</td><td>３</td><td>０</td>
<td>０</td><td>０</td><td>０</td><td>×</td><td>３</td>
</tr>
</table>
</body>
</html>

3 名前：ナナ： 2005/10/10 21:03: 分かりやすい説明

少し訂正があった点
<BODY BGCOLOR=#00800>←緑色
↑
間違いましたから消してください。

<body bgcolor=white text=black>←背景色に付け文字・数字色(白色)
body←四角形タグです。

background-color:○○で背景色、color:○○で文字色がそれぞれ変更できます。
例=文字 ←最後です。

もう１度、タグテストにやってみてください。宜しく御願いします。
万一、わからないところ、教えてください。

4 名前：ナナ： 2005/10/10 21:03: 宇部さん
ご安心してください。

表の背景と枠線に、色を付ける事も一生懸命にタグ作業して大成功出来上げた。サンプルです。↓

<blockquote><table><td nowrap colspan=11 bgcolor=navy>延長１５回・マリナーズ勝ち</td></tr>
<tr align=center bgcolor=#008000><td nowrap>チーム名</td> <td nowrap>1</td> <td nowrap>2</td> <td nowrap>3</td> <td nowrap>4</td> <td nowrap>5</td> <td nowrap>6</td> <td nowrap>7</td> <td nowrap>8</td> <td nowrap>9</td> <td nowrap>10</td> <td nowrap>11</td> <td nowrap>12</td> <td nowrap>13</td> <td nowrap>14</td> <td nowrap>15</td> <td nowrap>計</td> </tr> <tr align=center bgcolor=#000000><td nowrap>マリナーズ</td> <td nowrap>0</td> <td nowrap>1</td> <td nowrap>0</td> <td nowrap>2</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>4</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>1</td> <td nowrap>8</td> </tr> <tr align=center bgcolor=#000000><td nowrap>ヤンキース</td> <td nowrap>0</td> <td nowrap>1</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>3</td> <td nowrap>0</td> <td nowrap>2</td> <td nowrap>1</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>0</td> <td nowrap>7</td></tr> <table>

そのままコピーしてください。
宜しく御願いします。

5 名前： 宇部孝史 ： 2005/10/10 21:03: ナナさんへ

ありがとうございます。
電子表示板みたい。大変ですね。コピーに頂いて、テストに試して黄色の光にみました。（^^）

6 名前：ナナ： 2005/10/10 21:03: 本物の電子表示とスコアボート(左・右、２チームの選手オーダー)タグ完成出来ました。
横の選手オーダータグ、縦でもオーダー選手タグ作業できる。

例えば、 改行に必要です。横縦数幅の編集自由できる</td><td style="width:100px;height:150px;">です。
(例)縦の場合　　　　　数字・文字色に加えたい場合ヤンキース必要です。
９山　本 
４川　田 　　　　
６前　田 
３牟田口 
８源五原 

(例)横の場合
横７３５９２ 
　川山本方深 
　　田　　　 
浜田口元永川 

電子スコアボートタグです。サンプル↓
<html>
<head>
<title></title>
</head>
<table border="0"body bgcolor="black">
<td style="width:100px;height:150px;">ヤンキース ６ホワイト ９ﾊﾞﾝﾀﾞｰｳｫｰﾙ ３ジオンビー ５ジーター ８ベンチュラ ４ソリアーノ ７松　井 ２ポサーダ Ｄクーマー Ｐジョンソン 　</td><td style="width:300px;height:150px;"> 　　　　　１２３４５６７８９10ＲＨＥ　　 ヤンキース００００２００００　２５Ｏ　 読売　巨人００００００５０Ｘ　５14０ >　　　　電　子　表　示　板 <MARQUEE width="350" height="120" style="font-size: 20px; color:gold"scrollamount="1" scrolldelay="100" direction="up">ようこそ．原新監督 
世界一に目指す 
</MARQUEE>
</td><td style="width:100px;height:150px;">読売巨人 ４仁　志 ６二　岡 ３清　原 ５小久保 ７高橋由 ８キャプラー ９ローズ ２阿　部 Ｄクーマー Ｐ辻　内 </td>
</body>
</html>

野球サイト制作の皆様へ参考タグため、コピーしてください。
よろしくおねがいします。

7 名前： phpinfo() ： 2005/10/10 21:03: ・MARQUEE要素はWAIでダメだと言っているので使わないようにしましょう。
・属性の値は"で括りましょう。
・簡単な表はDL,DT.DD属性で代用できる事も覚えておきましょう。

＃(外部)スタイルシートを使うと、見栄え要素が無くなってソースがきれいになります。

8 名前：ナナ： 2005/10/10 21:03: 野球スコアボートに作り方のページが発見↓
http://www.intera.ne.jp/~friends/homepage/home4.html
色に付ける場合↓
横縦数幅の編集自由できる</td><td style="width:100px;height:150px;">です。
数字・文字色に加えたい場合ヤンキース必要です。
表内の中で、チームのキャラクターやロゴも小さな画像に加えたい場合<img src="～jpg.gif" width="30" height="50">

9 名前： phpinfo() ： 2005/10/10 21:03: ・外部スタイルシートを(強く)オススメします。
・font要素は感心出来ません。後々面倒になります、
・img要素には「絶対」alt属性を付けましょう。(画像を表示しない時の代替テキストとなります。)

＃「トンデモ」な「HP入門」はアテにしないように。
＃http://members.jcom.home.ne.jp/pctips/Tondemo/Dame.html