ホームページ制作 css html タグ 画像クリック 音声ファイル自動・手動再生 ストリーミング音源 real-media

仮に20人のアーティストの顔写真をトップ・ページに貼り付けてそれを一回クリックしたら各アーティストの曲が鳴り始め、2回クリックすると各アーティストの数回分の記事(私が投稿した)にまとまって飛べるようなブログを作りたいんですが、その為に必須のcss htmlタグ設定について、教えて下さい。当方、一枚の画像をブログに載せる事はできます<img src>が、仮に4枚の画像(横でも下でもイイので注釈を付記して)を横一列に並べて貼り付けるコトが出来ません。20人となると 4 × 5列 必要になりますが、どのようなタグ設定が必要でしょうか？当然 位置指定と大きさ指定が必要になると思いますが。また私が投稿した記事の絶対パス(http://以下)はどうすれば分かりますか？また各回毎の記事は独立したパスを持っているとは言っても、PCの画面上では当然の事ながらスクロールしながら連続して見ることができます。モシ一つの記事の中にBGMを埋め込んだ場合、画面上にその記事が視界に入った途端、BGMが自動的に鳴り始めると考えてイイのでしょうか？BGM音源として通常のmovファイルとは別に http://で書かれたreal media のストリーム音源は使用できるでしょうか？