000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

けとけと。の自由帳

サイド自由欄

動画ページ
HOT!まいろ

< 新しい記事

新着記事一覧(全5592件)

過去の記事 >

2003年01月04日

今日はちょっとＨＴＭＬの整理について（改定）

(9)

カテゴリ：楽天さん絡み

PC講座は今日はちょっとお休みしまして楽天とかでのＴＯＰとか各ページの書き方についてのお話．

楽天では通常，文字を書いている途中で改行するとＨＴＭＬタグで   というのが付加されてブラウザで認識されるように変換されます．

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

自動改行（初心者向け）　自動改行なし（ タグで指定)

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

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

 と  は対でなければいけません．
でしたら




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

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


　 あいうえお
　かきくけこ


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

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

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

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

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

あいうえお

あいうえお

これは

あいうえお;

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

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

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

これは

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

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

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

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

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

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

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

最終更新日 2005年01月15日 22時26分49秒
コメント(9) | コメントを書く

[楽天さん絡み] カテゴリの最新記事

■コメント

Re:今日はちょっとＨＴＭＬの整理について(1/4)

☆Jun*Mam☆ライダーさん

あけましておめでとうございます。
今年もどうぞよろしくお願い致します。

新年早々、さっそくお勉強日記を書かれていて
エライ!!　さすがE2K2さん。
　IMGタグでのサイズ指定　ってどうかなあ。
　多分ブロードバンドが普及して、読み込みスピードが、問題になることは少ないと思うんだけれど。
でも。基本はサイズをHTMLで指定しても読み込みに必要な時間は変わらないから、表示したいサイズに
画像ソフトで編集したほうがいいなあと私は思います...
でも、画像の編集の仕方がわからない人もいるからかなあ、E2K2さんの日記は本当に何にも知らなくても
勉強できる易しい書き方ですものね。

モバイルPC。B5のものを使っていますが。
やっぱりブラウザでの表示はちと問題あり。
あとはバッテリーがね～...　今の最新機種は
かなり持つのかなあ。
私のは2000年くらいので（会社のなんだけれど）
2時間がいいとこ、かな。
で、結局ケーブルを持ち歩き、さらに仕事の時だと
（遊びでも使うんかい　って言わないでね）
周辺機器も持ち歩き　でけっこう重い...
なかなかCMやカタログみたいにスマートには
使えないのよね... (2003年01月05日 02時08分43秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について(1/4)

nene33 さん

色とサイズの指定・・・これだけ
やってたぞ！って当たり前か・・・σ(^◇^;)
なるほど・・・画像サイズは消しても
問題ないのか・・・
neneのPCなにやら
「ファイル領域不足」と出るが・・・？ (2003年01月05日 08時05分09秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について(1/4)

lily-taka さん

なるほど、色とサイズはまとめて良いのですね。

昨晩は大変お世話になりました。
あんな非常識な時間にサポートしていただけるのは
まったりさんだけです。
新年早々、また甘えてしまいました。m(__)m

やっと、バナー完成し、今さっき妹を見送りました。
１番下のXのページです。
良かったら後で見て下さいませ。
次はリンクバナーのページを作らなくては…。
また、つまづいたら助けていただくかも。
よろしくお願いいたします。。
(2003年01月05日 11時11分43秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

loveloverose さん

ぎゃ～ヾ(@゜▽゜@)ノあはは

掲示板にいきなりペンギン（笑）
もう～まったりさんたら、お茶目なとこあるんだから～（￣ー￣）ニヤリ (2003年01月05日 14時11分12秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

NONAママさん

可愛いペンギンさん♪
壁紙も羊さんなのですね・・可愛いです♪
少しずつ勉強しＨＰ作り楽しみたいと思います。
またお勉強させて下さい。
宜しくお願い致します。
(2003年01月05日 15時00分35秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

なな＆はちさん

あけましておめでとうございます＾＾
今年もよろしくお願いしますね～(〃^∇^)o_彡☆　
こちらは、昨年同様、ゆっくりと更新していこうと思っています・・また、お付き合いを御願いしますね～！いろいろなアドバイスやお話ができるといいなぁ～って思っています。
こちらは明日から、だんはんが、出勤なんで、起きれるかな？？て、ちと、不安ですが、今日は早寝して、明日に備えようっと・。
では、またです～～＾＾ (2003年01月05日 20時56分14秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

blackpepper0207 さん

タグ打ちは永遠のテーマですね。なかなかうまくならないんです。の重複とかなんかまだよくやっちゃうし。

あ、掲示板にペンギン登場しましたね。デスクトップまわりかわい～んですか？ (2003年01月05日 21時07分32秒)

返事を書く

Re:Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

blackpepper0207 さん

下のは　「『FONT』の重複」の『』をタグで書いちゃったんです。
ああ、こういうのがまだ甘いんですね。 (2003年01月05日 21時09分39秒)

返事を書く

Re:今日はちょっとＨＴＭＬの整理について（改(1/4)

☆ままにゃん(゜∇^*)⌒☆ さん

☆*こんばんわ*☆

詳しいことは分からないけど、ＮＩＮＺＹＡで作った
画面がずれずれになって恥ずかしいということはないよ
だからどのパソコンで作っても大丈夫なのなの

そういえば、楽天のトップページとか他のページも
パソコンによって、ずいぶん変わってしまうよね
これも不便だよね～～
こちらのパソコンで見ているのと、向こうのパソコンで
見ているのとでは結構画面が違うよ

ままにゃんがお気に入りのお店あるんだけど
そこの店はビルダーで作ってあるの
だからも～～、画面がずれずれで(￣ω￣;)
作っている人は、全然気がついていないんだろうな (2003年01月05日 21時42分11秒)

返事を書く