天天看點

HTML基礎第四講---圖像

圖像,也就是images,在html文法中用img來表示,其基本的文法是:

   <img src=#> #=圖象的 URL,關于url就是指的是圖像在網上的位址。

   <img alt=#> #=在浏覽器尚未完全讀入圖象時,在圖象位置顯示的文字;也是圖像顯示以後,當滑鼠放在圖檔上時所顯示的文字。

   圖象在頁面中的對齊/布局:

   文法:<img align=#> #=left, center, right,使用圖像的align屬性,其實這一屬性布置在這裡用到,以後我們在學習表格的時候也會遇到align,它的值left, center, right就是他的中文意思,left居左,center居中,right居右。

   圖象和文字的對齊:

   文法:<img align=#> #=top, middle, bottom,這裡的align和上邊的實作的效果不一樣,大家從它的值可以看出,它所顯示出來的是文字在圖檔的靠上邊、中間、底端。大家可以對比這看看各自的效果,很容易記住哦!

   圖像的邊框:<img border=#> #=value數字,指的是這個圖像的邊的寬度!

   示例:<img src=1.jpg  border=1>