けとけと。の自由帳

けとけと。の自由帳

2003年01月04日
XML
カテゴリ: 楽天さん絡み
PC講座は今日はちょっとお休みしまして楽天とかでのTOPとか各ページの書き方についてのお話.

楽天では通常,文字を書いている途中で改行するとHTMLタグで <BR> というのが付加されてブラウザで認識されるように変換されます.

左のページを作成する時 本文 と書いている横に

自動改行(初心者向け) 自動改行なし(<BR>タグで指定)

と書いてる設定項目があります.

自動改行なし(<BR>タグで指定) で書き込めば内部で幾ら改行をしても <BR> を書くまでは改行はされません.
<BR> を書くまでは改行されないなら,見易いように書いたほうがチェックがやり易いですよね.


<FONT> </FONT> は対でなければいけません.
でしたら

<FONT color="red">
</FONT>

と書いてその間に文字を書けば書き忘れないでしょう?
まぁ短ければ改行しないほうが見やすいですね.

それからHTMLの記述で 半角のスペース .これは無視されます.
書いても表示されません.楽天ではもう一度編集しようとした場合削除されています.
これらのことから次のようなHTMLの書き方ができます.

<FONT size="+1">
 <FONT color="red"> あいうえお</FONT>
 <FONT color="blue">かきくけこ</FONT>
</FONT>

このように記述すると見やすくなりますね.
大きなグループとしてサイズを指定して,半角スペースで段落を作り,色を変更するためのグループを書く.


※忘れていましたが楽天の編集ページに直接書くと後で編集した場合スペースが削除されているので,
 バックアップもかねてメモ帳とかに書いて保存しておくといいでしょう.
 そして今度からメモ帳に書いたものを編集して登録すればいいのです.

では話を元に戻してT,ABLEタグとかは段落をつけて改行しながら書いたほうが良いかもしれません.

<TABLE>
 <TR>
  <TD> </TD>
  <TD> </TD>
 </TR>
 <TR>
  <TD> </TD>
  <TD> </TD>
 </TR>
</TABLE>

それから良く見かけるのがFONTタグでサイズを指定と色指定をバラバラにしているところがあると思います.

<FONT size="+1"><FONT color="red">あいうえお</FONT></FONT>


あいうえお

これは

<FONT size="+1" color="red">あいうえお;</FONT>

こう書いたのと同じなので複雑にならないように短くした方がいいと思います.

あとFONTタグやCENTERタグのような囲んだ文字列を処理するようなものですが,

<CENTER>あいうえお</CENTER>
<CENTER>かきくけこ</CENTER>


これは

<CENTER>
あいうえお
かきくけこ
</CENTER>

と同じことなのでまとめられるものはまとめたほうが良いでしょう.

文字数が少なくなれば容量も小さくなり表示が少しは早くなると思います.
そしてタグの構造が簡単になればそれだけPCの処理も簡単になります.

このようにHTMLのタグは見やすく,そして単純な形に整理できるはずです.
そしてそのうち楽天以外のHPを作るときのために
自動改行なし(<BR>タグで指定)
で書くことをお勧めします.

そうそう.後ね.
画像ファイルを表示するときにIMGタグを使いますよね.
たぶん画像倉庫に表示しているタグをコピーして貼り付けている人もいると思います.
そのまま貼り付けてる場合, HEIGHT WIDTH の指定は書かなくても良いです.
書かなければ画像の本来のサイズのままで表示されます.
長いと見難くなるしね(^^;

表示サイズを変更したい人だけ指定してください.
と,言っても元々の画像のサイズが小さくなるわけではありません.
縮小表示されるだけです.





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2005年01月15日 22時26分49秒
コメント(9) | コメントを書く
[楽天さん絡み] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: