《HTML》「スクロール式リスト」を作ってみよう！

こんな人に読んで欲しい！
・スクロールできるリストの作り方を知りたい人

こんにちは、「なゆた」です！
皆さんはWebサイトなどで、「スクロール式リスト」を見たことはありませんか？
今回は、「HTML」での「スクロール式リスト」の作り方をお教えします！

《主な使用タグ》
iframe・・・「インラインフレーム」の略。ページ内に配置するフレーム。ページ内に別のHTML ファイル等を表示する際に使用する。
ul・・・「unordered list(アンオーダードリスト)　順序がないリスト」の略。項目を並列に列挙する箇条書きリスト、またはリストの全体を統括する際の要素。順番のない箇条書きの際に使われる。
ol・・・「ordered list (オーダードリスト)　順序のあるリスト」の略。要素と違い序列・順番を示す箇条書きの際に使用する。
li・・・「list item (リストアイテム)」の略。＜ul＞又は＜ol＞要素の中の項目を記述する際に使用する。
a・・・href 属性で指定されたアドレスへハイパーリンクを作成する要素。

「HTML」でのリスト作成の方法

こんな人に読んで欲しい！・HTMLでの『リスト作成』の方法がイマイチ分からない人こんにちは、「なゆた」です！今回から、僕が学校で学んだ事を少しずつ紹介していきたいと思います。ひょっとしたら間違っている事なんかもあるかもしれないけど･･･...

《HTML》動画・音声の貼り付け方《YouTube篇》

こんな人に読んで欲しい！・HTMLに動画や音声を貼り付けたい人こんにちは、「なゆた」です！今回はですね、「HTML」での動画・音声の貼り付け方（YouTube篇）についてを書きます。現在の多くのサイトでは、動画添付の際は「YouTube...

《CSS》リンクアイコンを作ろう！

こんな人に読んで欲しい！・別のサイトへ移行する「リンクアイコン」の作り方を知りたい人こんにちは、「なゆた」です！Webサイトでは、別のサイトへ移動する「リンクアイコン」がよく見られます。今回は皆さんに、「CSS」での「リンクアイコン」の作...

①まずは「リンク用ファイル」です。＜iframe＞タグの中にsrc 属性でリンク先のファイル名を入れます。一応幅と高さなども入れておきましょう。これで、リンク先のもう一つのファイル「リスト用ファイル」との連携が完了です。

②さて、ここからは「リスト用ファイル」に移ります。まず、＜ul＞・＜li＞タグを入れて、＜li＞タグの中にリスト名を入れます。

③次に、＜ol＞タグ、その下に＜li＞・＜a＞タグを入れて、＜a＞タグの中にリンク先のサイトのURLを入れます。そして＜/a＞・＜/li＞タグで締めます。この作業を選べるようにするために何回も繰り返します。作業を終えたら、＜/ol＞タグで締めます。（一部のURL内にある暗号じみたものは、どうか気にしないでください。ひらがな文字が読み込み不能なだけです。つまりは正常です。）