ホームページ内にulタグ、liタグで箇条書きリストを指定すると通常黒い丸がリスト の先頭につきます。これをtype属性というのを使うと記号を別のものに変更できて しまいます。いつも同じ黒丸で一辺倒になってしまう場合はぜひこれで変化をつけて みましょう。
Our partnersやり方はliタグにtype属性を付け加えるだけです。記号は３種類あり、circle、 square、discです。それぞれ試してみてどのような記号になるか見てみてください。 またULをOLタグに変えれば連番のリストにも変更できます。この場合も記号と同様に type属性を指定できます。ol type="a"なら数字でなくアルファベットが変わりに 疲れます。
ホームページ作成のタグを究めたいという人はぜひ一度チャレンジして頂きたいですが 実用性の面からすると現在のサイト作成に使われているタグではありません。どのよう なタグがあるかを知る、という勉強がてら程度でよいのがリストの行頭記号の変え方です。
行頭記号を極めてくるとなかなか味のあるサイトにはありますが、今の流行りでは ありません。やはり画像系にはかなわないところもあるので、あまり追及しすぎない ようにしましょう。あくまで参考程度で十分です。
このやり方をホームページに使うのは現在あまり見られません。どちらかというと文字数稼ぎ に使われているような傾向すらあります。ただリストをすべて１ページの中に押し込むのは もったいないです。１項目１ページで内部リンクとして使った方が有効でしょう。
Our partnersローマ数字にもなり、記号と数字と合わせると６種類の箇条書きリストの行頭が 指定できます。これもソースのUL部分に指定してもよいですが、スタイルシート でやるとHTMLソースがきれいになります。ホームページに様々なリストを作成し、 リストごとに行頭記号や数字を変えたい場合はスタイルシートでは複雑になります。
行頭記号を以前htmlソースから変えていたのは、画像を使ったサイトがあまり 好まれていなかった時代です。当時はまだブロードバンドが普及する前だったので ダイヤルアップ回線ではどうしても画像の表示が遅かったのが原因です。今は そのようなことを気にすることはないので、デザイン性に優れた画像のほうがよいでしょう。
画像の場合もスタイルシートで指定すれば、実際のソースにはimg srcの記述が 必要ありません。ただすべて同じ画像を背景にしたものになるので、違ったもの にしたいのであれば、htmlで指定することになります。
リスト自体の使い方が現在はメニュー欄への起用というやり方になってきています。 あまり行頭記号を入れて使うやり方を使用しているのは見かけることが少なくなって きました。ただだからこそ目立つ、という考えもありますので、一応覚えておきたいタグ のひとつです。
そのような場合はHTMLソースにリスト毎にタグを指定する必要があります。または body部、フッタ部など項目別にスタイルシートにリストの指定をして使い分ける こともできますが、やはり不便になります。行頭記号を画像ファイルなどにすると きれいなので、そちらのほうが面倒くさくなくて良いかもしれません。
Our partners現在はスタイルシートで画像をのせるパターンが一般的です。 ソースが簡単で済みますし、なによりイチイチ画像コードを貼らなくても 一括して管理できるからです。