写真の貼り付け(1999/01/27)
今日は、ホームページに写真を貼りつけて見よう。
それでは「◎はじめに」に戻って
- 入社時の全員写真を右クリックして
- 「名前を付けて画像を保存する」を左クリック
- 保存する場所は「public_html」
ファイル名は「57.jpg」
で「保存を左クリック
そして、index.htmのソースを「メモ帳」に呼び出して、次のソースを書き足して保存してください。
<![CDATA[
<!-----------先回のソース、ここまで省略-------->
ホームページ用素材が
<a href="https://sozai-good.com/illust/free-background/">
ＧＯＯＤさん
</a>
で無料で貰える。
<!--------------ここから下を追加する---------->
]]><![CDATA[
<br>
<img src="57.jpg" width="40%"><br>
<img src="57.jpg" width="60%"><br>
<img src="57.jpg" width="80%"><br>
]]><![CDATA[
<!--------------ここまでを追加する------------->
</center
</body>
</html>
<!-----------------最終行-------------------->
]]>
追加記入ができ、上書き保存をし、
「更新」ボタンを押したら、同じ写真がいろんな大きさで
表示されたことと思います。
＜ｉｍｇ ｓｒｃ＝”イメージファイル名”＞
が写真等のイメージファイルを表示するタグの書きかたです。
このタグは＜／＞がありません。
オプションのｗｉｄｔｈとは横幅です。
＊＊％とはスクリーンの巾に対する比率です。
％を使わず、絶対値（ピクセル数）で
ｗｉｄｔｈ＝６００
のようにかくこともできます。
また高さを指定する場合はｈｅｉｇｈｔです。
縦横両方の指定も出来ますか、指定の仕方によっては
写真か変形してしまいます。
いろいろ実験して見てください。
今日はこれまで
表示見本
.
.
変更後のソース
<![CDATA[
<html>
<head>
<title>
私のホームページ
</title>
</head>
<body background="003.gif">
<center>
<font size=7 color=#00ff00>
私のホームページ<br>
</font>
<font size=6 color=#ff0000>
工事中<hr>
</font>
私への
<a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと-->
Ｅメールはここをクリック
</a>
して送ってください。
<br>
ＱＰＯＮの
<a href="http://www2a.biglobe.ne.jp/~qpon/bbs/qpon_bbs1.cgi?_myhp">
掲示板はここをクリックする
</a>
とつながります。
<br>
ホームページ用素材が
<a href="https://sozai-good.com/illust/free-background/">
ＧＯＯＤさん
</a>
で無料で貰える。
]]>
<![CDATA[
<!--------------①ここから下を追加する---------->
<br>
<img src="57.jpg" width="40%"><br>
<img src="57.jpg" width="60%"><br>
<img src="57.jpg" width="80%"><br>
<!--------------ここまでを追加する------------->
]]>
<![CDATA[
</center>
</body>
</html>
]]>
|
|
