| ヤフーオークションの商品説明欄は、普通に書くと、改行のない読みにくい文章になってしまいます。 誰でも簡単にできる、HTMLの書き方をまとめました。 |
| まず大まかな流れを説明します。 (1)windowsを使っている人は「Notepad」、macを使っている人は「simple text」を用意し、そこに商品説明の文章を書きます。 (2)次にこれをHTML形式の文章に変えます。 (3)ここに改行とか文字のサイズ変更等の手を加えます。 (4)これをコピーし、ヤフーオークションの商品説明欄に貼り付けます。 以上で完了です。 |
上記流れに沿って具体的に説明していきます |
|
具体的な説明 |
例文 |
| windowsを使っている人は「Notepad」、macを使っている人は「simple
text」を用意してください。 そこに、自分の書きたい文章を書きます。「Notepad」または「simple
text」の上では改行ができますから自分が最終的に作りたい文章にしてください。 |
例文1
週間ファミコン通信90年2月2日号です。 説明欄に表示するとこんなふうになります。 |
| 次にこれを、HTML形式に変えます。 簡単です。 文章の頭に<HTML>、文章の最後に</HTML>を付け加えるだけです。 これでもうHTML形式の文章になっていますが、この状態でヤフーオークションの商品説明欄にコピー､ペーストしても、改行のない文章に戻ってしまいます。 なお<HTML>、</HTML>は半角英数で記入してください。以下、特に記入しませんが英数は半角を使ってください。全角はだめです。 「例文2」 |
例文2 <HTML> 説明欄に表示するとこんなふうになります。 |
| いよいよ、改行をしてみます。 自分が「Notepad」または「simple text」上に書いた文章で、改行の操作をした個所に<BR>と入れてください。 行の一番最後に<BR>を記入するともいえます。 これだけで改行は完了です。 「例文3」 |
例文3 <HTML> |
| 改行さえできていればいい、ということであればこの文章をコピーし、ヤフーオークションの商品説明欄にペーストすれば完了です。 なお<BR>は改行ですから2回書くと改行を2度することになり1行あけた書き方になります。 「例文4」 |
例文4 <HTML> 説明欄に表示するとこんなふうになります。 |
| 次に文字のサイズを変えてみます。 サイズを変えたい文字の前に<FONT size="5">と入れ、文字の終わりに</FONT>と入れます。 言い方を変えると、サイズを変えたい文字を<FONT size="5">と</FONT>ではさむのです。 size="5"の部分の数字を換えると、文字の大きさが変化します。 1から7迄が使え、1が最小、7が最大です。 なおFONTとsizeの間は半角スペースを入れます。 「例文5」 |
例文5 <HTML> 説明欄に表示するとこんなふうになります。 |
| 次に文字の色を赤に変えてみます。 色を変えたい文字の前に<FONT color="red">と入れ、文字の終わりに</FONT>と入れます。 お気づきでしょうが、size="5"がcolor="red"に変わっただけです。 違う色を使いたいときは、"red"を"blue""green"等好きな色の名前に変えればいいのです。 ここも言い方を換えれば、色を変えたい文字を<FONT color="red">と</FONT>ではさめばいいのです。 FONTとcolorの間にはやはり半角スペースを入れます。 「例文6」 |
例文6 <HTML> 説明欄に表示するとこんなふうになります。 |
| 次に文字の大きさと色の両方を変えます。 サイズと色を変えたい文字の前に<FONT size="5" color="red">と入れ、文字の終わりに</FONT>と入れます。 やはり今までと同じように色とサイズを変えたい文字を<FONT size="5" color="red">と</FONT>ではさむのです。 sizeとcolorの前には、今まで同様に半角のスペースを入れてください。 「例文7」 |
例文7 <HTML> 説明欄に表示するとこんなふうになります。 |
| 次に文字の色と大きさを変え、さらに太字にしてみます。 例文では「ドラクエ4の特集」という文字がすでに<FONT size="5" color="red">と</FONT>ではさまれていますがそれをさらに<B>と</B>ではさむのです。 太くしたいだけであれば、その文字を<B>と</B>ではさむだけでOKです。 「例文8」 |
例文8 <HTML> 説明欄に表示するとこんなふうになります。 |
| もうかなり判ったと思います。タグを覚え、変えたい文字をそのタグではさめばいいのです。 斜体にしたいときは<I></I>、アンダーラインをつけたいときは<U></U>等タグの種類を覚えるだけです。 |
| 今回はこのくらいで終わりにしたいと思いますが、いろいろ疑問もあるでしょう。いくつか注意点を書いておきます。 (1)タグを書く場所はカタク考えなくて、書きやすいところへ書けばいい。 (2)文章が長くなり、横に伸びて読みにくくなったときは、好きなように改行していい。 (3)2重にタグではさむとき、どちらが先でもいい。 <まとめ> |
| 補足説明 (1)使用するキー 「<」の記号はシフトを押しながら「カンマ」キーを、「>」の記号はシフトを押しながら「ピリオド」のキーを押します。「"」の記号はシフトを押しながらテンキーではない「2」を押します。 (2)「Notepad」または「simple
text」に書いたHTML文章の確認の仕方 「Notepad」のとき 「simple text」のとき |