Sorry. This page is Japanese only.

[第8回] 覚えておくと便利なタグ

このタグを覚えておけば、あなたのページ制作の助けになるでしょう。



そろそろ見映えが気になるあなたに



行頭にマークをつける・・・<Li>タグ




インデントする・・・<UL> </UL>

属性 説明 [指定]に代入するもの
type=[指定] <Li>タグの部分に振られるマークを決めます。  "DISK"・・・振られる点に楕円が使われます。
 "CIRCLE"・・・振られる点に中が空の円を振ります。
 "SQUARE"・・・振られる点に四角が使われます。

説明 ソースの例 実際の動作例
振られる点を四角に ULタグ <ul type="square"> 表示の例である。 <li>四角のなっているのがわかりますか? <li>このようにして箇条書きの欄を作るのもいいでしょう。 <br>というわけでした。 </ul> ULタグ
    表示の例である。
  • 四角のなっているのがわかりますか?
  • このようにして箇条書きの欄を作るのもいいでしょう。
    というわけでした。



インデントする(その2)・・・<OL> </OL>

属性 説明 [指定]に代入するもの
type=[指定] <Li>タグの部分に振られる数字、アルファベットを決めます。  "A"(小文字可・半角のみ)・・・&LT;Li&GT;の部分に、上から「A, B, C,・・・」と振ります。
 "1"(半角のみ)・・・&LT;Li&GT;の部分に、上から「1, 2, 3,・・・」と振ります。
start=[指定] 'TYPE'属性で決めた数字やアルファベットを、どこから始めるかを決めます。  "(アルファベット)"(小文字可・半角のみ)・・・指定したアルファベットから振ります。
 "(数字)"(半角のみ)・・・指定した数字から振ります。

説明 ソースの例 実際の動作例
振られる点をアルファベットに OLタグ <ol type="A"> アルファベットで映る。 <li>まず最初の項目 <li>手順を説明するときに効果大です。 </ol>というわけでした。 OLタグ
    アルファベットで映る。
  1. まず最初の項目
  2. 手順を説明するときに効果大です。
というわけでした。
振られる点を数字に OLタグ <ol type="1" start="10"> 数字を10番から打つ。 <li>10番目の項目です。 <li>これも手順を説明するときに効果大です。 </ol>というわけでした。 OLタグ
    数字を10番から打つ。
  1. 10番目の項目です。
  2. これも手順を説明するときに効果大です。
というわけでした。





横線を引く・・・<HR>

属性 説明 [指定]に代入するもの
align=[指定] 表示位置を指定します。  "LEFT"・・・左側に表示されます。
 "CENTER"・・・真ん中に表示されます。
 "RIGHT"・・・右側に表示されます。
color=[指定] 線の色を指定します。  "#(16進数)"・・・色を16進数で指定します。設定は私が作っている「Color Arrangementor」を使うと設定がしやすいです
 "(色の名前)"・・・色の名前を入れます。但し、英語です(red,blackなど)。代表的な色以外は使えないブラウザがあります。
size=[指定] 線の太さを指定します。  "(数字)"・・・太さをピクセル単位で指定します。
 "(色の名前)%"・・・太さを画面との割合で相対的に決めます。
width=[指定] 線の幅を指定します。  "(数字)"・・・太さをピクセル単位で指定します。
 "(色の名前)%"・・・太さを画面との割合で相対的に決めます。
noshade 線に陰を付けなくします。  

説明 ソースの例 実際の動作例
線を引く 表示例です <br>こんばんは <hr size="8" width="100%"> <br>それではさようなら。 表示例です
こんばんは

それではさようなら。



Internet Explorer 4.0以上対応属性・・・title="(文字)"

説明 ソースの例 実際の動作例
ポップアップメッセージ このULタグの囲まれたとこがみそ <ul title="メッセージが出るんです"> こんばんは。IE4以上の人は試してみて下さい </ul> 結構使えます。使えなくても特に障害も出ませんし。 <br>補足などに使えます。 このULタグの囲まれたとこがみそ
    こんばんは。IE4以上の人は試してみて下さい
結構使えます。使えなくても特に障害も出ませんし。
補足などに使えます。



色々工夫してみよう




[no_8.html 1998年08月27日更新]


 | トップページ  | もくじ  |
Copyright© 1997-2022 Yuichiro SAITO All rights reserved.
転載・リンクされる場合は、事前に「このサイトの説明」をご覧ください。