ソネブロのテーブル挿入

試しにテストを行ってください。
うまく行かない場合は、記事を削除すればそれで済みます。
ブログというものができる前は、ホームベージの日記帳で交流していました。
そのときの素人知識になります。 

ソネブロでテーブルを作りましょう。

テーブルとは矩形の中を縦横に区切った枠組みのことです。
ひとつのマス目のことを「セル」と呼びます。
Excelのような表がソネブロでも作れます。

３列３行のテーブル　普通の枠線のタグ
<table border="1">
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>

とりあえずできたテーブルです。
これでは文字入力ができないので、これから大きくします。

３列３行のテーブル　立体的な枠線のタグ
<table border="3">
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>

作成するHTMLの直接編集を開き、上記のテーブルHTMLタグをコピーし貼り付けます。

行を増やす場合は<tr><td> </td><td> </td><td> </td></tr>を下方へ追加します。

列を増やす場合は<td></td>を</tr>の直前へ追加します。

入力文言画面でマウスポインタ⇔の縦、横を移動し大きくします。

文字入力はHTMLを開き、<td>と</td>の間に入力します。

ＡＡＡ	ＢＢＢ	ＣＣＣ
DDD
ＧＧＧ

ここまでは、簡単に作ることができます。


写真のセル挿入もできます。小さめの写真にします。
入力文言画面でセルを選び、挿入するファイルの写真をクリックします。
どうも枠内にキチット写真が収まっていません。
HTML編集で、<img src="★">を入力する方法もあります。
ほかに、列見出し・行見出しを付けるやり方、テーブルに色を付ける方法があります。

	手打ち蕎麦は 美味いですね～！！

楽しいブログ・・・いろいろなことにチャレンジ

　　　　　　　　　　 よいことがあるかも知れませんね～

コメント 16

これは面白いですね！
HTMLの知識が全く無いので
こういった技術をお餅の方が羨ましいです（＠＠）

by 獏 (2013-02-01 08:36) 

技術ではありません。真似ですね～
2001年発行の「はじめるホームページHTML編」に
載っていました(^^)v
by 久慈川鮎 (2013-02-01 11:45) 

私も以前は、HTMLの教科書片手にHMを書いていました。
だいぶ忘れてしまっなぁ(^^;っっ
by 駅員3 (2013-02-01 18:04) 

何か今は
CSSとかJavaScriptの知識も必要なんだとか。
まあ　SEの世界ですね～！！
by 久慈川鮎 (2013-02-01 18:32) 

ギャオ～～！”爺は１００年かかりそうです。
色んなやり方ってあるんですね、初めて知りました。
by 旅爺さん (2013-02-02 08:45) 

表にして記事を書きたいときに
使ってはいかがでしょうか。
案外簡単です～！！
by 久慈川鮎 (2013-02-02 09:24) 

htmlをいくらかわかる様になっては来たものの、ブログで編集となると躊躇してしまう。ヘッドとの関係はない？本文だけの編集になってるんですか？なんて調子です。
by さきしなのてるりん (2013-02-02 09:43) 

いやいや　てるりんさんはご存知でしょう。
この場合は本文へのtable挿入という感じです。
HTMLを開きますが、文字入力と同じですね。
マウスで縦、横を大きくすると自動的にHTMLに
記述されます～！！
by 久慈川鮎 (2013-02-02 11:08) 

おはようございます。
大変ご無沙汰しております。
本日よりブログを再開することになりましたので
また遊びにいらして下さい。
by hirochiki (2013-02-03 05:08) 

うれしいお知らせありがとうございますv(^^)v
by 久慈川鮎 (2013-02-03 06:12) 

キャンプの記事、短調の音階の記事も
楽しく読ませてもらっていました♪
その次の記事が、HTMLでテーブルを作る方法･･･
ブログの題材が、幅広いですね^^！
by おさかな♪ (2013-02-03 10:17) 

鮎友釣りがメインページなのですが、
２５年度開始までいろいろな雑感を
載せています(^^;)
by 久慈川鮎 (2013-02-03 11:15) 

ふむふむ為になりました～！今はビルダーでHP作ているからわすれちゃってますね～！！店のHPも５年くらい更新していません～（笑）
by macinu (2013-02-03 20:14) 

これは参考にさせて頂きます。
ホームページビルダーでブログを始め、ソネブロに来てからはほぼ既存の編集機能に頼ってますんで・・・・比較写真なんか良さそうですね♪
by ダミアン88 (2013-02-03 20:59) 

macinuさん　おはようございます。
HPの階層構造の理解が難しいですね。
HTTLの知識だけでは見栄えのするHPは
できないみたいです～！！

by 久慈川鮎 (2013-02-04 08:58) 

ダミアン88さん　おはようございます。
IBMのHBでHPの一部を作り、そのソースを
ソネブロのHTML編集へ貼り付けたら
どうなるのでしょうね～！！
by 久慈川鮎 (2013-02-04 09:03)