Tip:
Highlight text to annotate it
X
>> DAVIDマラン:いかが 画像付きのWebページ?
それでは、事前に、私がしたとしましょう すでに画像のJPEGをダウンロードした
インターネットから、猫を言う。
インターネットは、それらが充填されている。
そして、私はにそれを入れてきた 私のパブリックディレクトリ。
この同じ公開ディレクトリに、 それではというページを作成してみましょう
次のようにimage.html。
>> 私はすでに物事がここに始まっ得ている いくつかのオープン·タグとgeditの中や
一部の終了タグ。
体の内側、このページの、 それでは開き括弧、画像をやらせる -
ただのimg、しかし、ではないフルワード -
宇宙ALTは等しくなります。
ALTは、私は代替テキストを提供することを可能にする このイメージの、念のため
ユーザーは、実際に画像を見ることができない 私は提供するよ。
それでは、単純にこのことを説明してみましょう 気難しい猫のような画像。
そして今度は、あることを指定できます この画像を、srcのソース -
ので、もう一度、フルではない 言葉だけSRC -
引用、引用終わり "はcat.jpg"に等しい、 再び、で行われたファイルである
私は事前にダウンロード このパブリックディレクトリ。
>> 今引用符を閉じてみましょう 次のようにタグを閉じます。
画像のため、があることを考えてみましょう 画像の開始実際には概念ん
そして、画像が停止される。
それはそこのどちらかだか、そうではありません。
だから、と少し奇妙に感じるだろう 実際に明示的な終了タグを持っているか、
この画像タグの終了タグ。
だから、HTMLは、私たちを開閉することができます タグと同時に、単純にすることにより
で、そのスラッシュを含む 開始タグの最後の最後、まだ
山括弧の内側。
>> それでは、このファイルは、変更を保存してみましょう そのアクセス権、およびビュー
そのブラウザの内側 -
ます。chmod a + Rのimage.html。
Chromeと訪問を開くようになりましレッツ http://localhost/image.html。
壊れた画像アイコン -
今、なぜそれがあるかもしれない?
>> さて、コマンドを見てみましょう 私は実際にこれを入れたかどうかのライン
パブリックディレクトリ内のファイル。
それではに、戻ってgeditへ行こう ターミナルウィンドウ、およびLS-Lを実行します。
とはcat.jpgがあります。
>> しかし、ファイルのパーミッションを見てください。
それは、私だけの場合のようです 所有者は、このことを読み書きできる
現時点では、JPEG。
私たちは、同じようにアクセス権を与える必要があります 全世界にまで
この日はJPEGだけでなく。
>> 問題ではない -
ます。chmod a + Rのはcat.jpg。
のはそれが正しいということを確認してみましょう 別のLS-Lの。
実際、今、はcat.jpg両方 image.htmlはに対する読み取り権限がある
全世界。
>> それでは、ブラウザに戻りましょう。
のリロードまたはControl-Rをクリックしてみましょう。と 気難しい猫は、確かに、そこにある。