HTMLでの画像配置

質問

初めてHPを作成しているのですが、
画像を好きな位置に配置して固定したいのですが
やり方がわかりません・・・
へんな位置に表示されてしまい、ウィンドウの大きさによって位置もずれてしまいます。
写真の配置と固定の仕方を教えて下さい．．．
文字の固定もおねがいします・・・

回答No.4

澁谷 聡美（@roseheart）

こんにちは。
私が、ヒントを教えます。
ホームページを作成して公開しております。
講師は、ドットインストールという無料のページで
見つけました。
文字の大きさと太さもＨＴＭＬでも可能なようです。
CSSの方が、簡単です。
画像の配置は、ＨＴＭＬで充分可能です。
私は、無料のテンプレートを作成の際に
ＨＴＭＬしか使用しては、いけないと指摘されましたが、
自力でホームページをＨＴＭＬとＪａvascriptで完成させました。
HTMLとCSSとＪａvascripｔその他の仕組みだけでなく
様々なことを学べますよ。
ドットインストールで検索して下さい。
素敵なホームページが、完成することを祈っています。
講師には、質問出来ませんが、わからないことがあれば、
また、こちらで私が、教えます。

参考URL：

http://dotinstall.com/

回答No.3

noname#206842

質問の仕方から創造できることは、超初心者ということでしょう。
まずＨＴＭＬでは、デザインはできないと覚えましょう。

デザイン的な要素は、すべてｃｓｓで記述すると覚えてください。
たとえば、文字色を変えるとか、文字の大きさを変える、画像などの位置を設定する。
など、装飾に関することはすべてす。

ＨＰということ自体が間違っていることも理解しましょう。これは和性英語です。
Homeposition_pageの頭文字をとって言っているのでしょうが、基点となるページという意味ですから、正しくは、WEB_Pageといいます。

WEB_Pageの最初のページ、index.htmlあるいは、index.htm、index.phpなどを示すことになります。

ＷＥＢは、閲覧者の環境に依存しないことが基本です。
画面サイズ、機種、ＯＳなどが、いかに変わろうが、その内容が正しく伝わることを意味しています。
このことを理解していないと、いつまでたっても、まともなものは制作できません。

ということで、
画像は、<img src="hogehoge.拡張子" width="画像幅" height="画像の高さ" alt="画像が、表示できない環境の場合い、それに代わるテキスト">
という記述になります。
文章は、見出しの重要度に応じ<h1>～<h6>の見出しの後に、パラグラフ<p>の中に記述します。

改行などは、すべて閲覧者のブラウザ環境で対応します。
携帯のような230px艇でのものであれば、下方に縦長表示、デスクトップであれば、横長に表示というようになります。

この辺を理解すれば、あとは、ＣＳＳを学ばなければならないことがわかると思います。

回答No.2

sou_sk

制作環境が分からないと何とも言えないです。何かのソフトウェアを使っているのか、スクラッチで書いているのか。

スクラッチなら
<img src="http://www.okweb.ne.jp/images/okweb_logo32c_130w.gif" style="position: absolute; left: 200px; top: 100px;">
のように書くと自由に位置をコントロール出来ます。top と left の値を触ってみてください。

ただし何かのソフトを使っていてテーブルで固めたデザインになっている場合はこの書き方は不適切かも知れません。
HTML にはいくつかのバージョンや仕様があり、目的と状況に応じて書き方が異なるためです。ソフトウェアを使っているならそのソフトウェアの流儀に合わせた方が問題が少なくなります。

HTML を覚えるには大きく分けて二つの道があります。

一つは基礎から理解する事です。
もう一つはソフトウェアに任せてしまう事です。

趣味でやっていて兎に角目的を達成できればいいというなら後者が手っ取り早いです。Dreamweaver でもホームページビルダーでも買ってきて操作を覚えましょう。

前者なら一つ一つ覚えましょう。
HTML は視覚的デザインを行う言語ではなく文書に意味づけを行う＆ハイパーテキストを記述するための言語で視覚的デザインは CSS (スタイルシート) に分離すべきです。
今更テーブル組のべたべたな HTML を覚えるのも勿体ない話です。この半年で流れは変わっています。
技評のページが参考になります。バックナンバーを取り寄せるのも良いかも。

参考URL：

http://www.gihyo.co.jp/book/2003/234071/support/CSSdesign/

回答No.1

arukamun

左寄せ、中央寄せ、右寄せということであれば、
<IMG SRC=xxx.xxx ALIGN=aaaa>
でaaaaに
左寄せ　left
中央寄せ　center
右寄せ　right
で配置できます。

厳密に位置を固定したいのであれば、<TABLE>タグを使い、表のひとつのセルに画像を配置します。
おそらく枠線は表示したくないと思いますので、
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=xxxx>
でxxxxにピクセル単位で指定します。
また<TD>や<TH>でも<TD WIDTH=xxxx HEIGHT=xxxx>といったように横幅、高さをピクセル単位で指定します。

こういった方法を取れば、ホームーページに配置したい場所に画像を配置することが出来ます。

どの位置に表示したいというご希望がありましたら補足してください。