imej HTML

Imej HTML


1001.jpg

<img> ; ->imej


[Atribut yang diperlukan]

[1] src: alamat

[ 2 ] alt: teks alternatif imej untuk merangkak oleh enjin penerokaan

[Atribut pilihan]

[1] tinggi: ketinggian imej

[2] lebar: Lebar imej

                                                 ismap: ismap: ditakrifkan sebagai pemetaan imej sebelah pelayan untuk imej


g;<<< tag penutup.

Untuk memaparkan imej pada halaman, anda perlu menggunakan atribut sumber (src). src merujuk kepada "sumber". Nilai atribut sumber ialah alamat URL imej.

Sintaks untuk mentakrifkan imej ialah:

<img src="url" alt="some_text">


Atribut alt digunakan untuk menentukan rentetan teks boleh diganti yang disediakan untuk imej.

Nilai atribut teks gantian ditakrifkan pengguna.

<img src="../style/images/boat.gif" alt="Boat Besar">

Imej tidak boleh dimuatkan dalam pelayar Pada masa yang sama, atribut teks gantian memberitahu pembaca maklumat yang mereka tiada. Pada ketika ini, penyemak imbas akan memaparkan teks alternatif ini dan bukannya imej.


sifat ketinggian (tinggi) dan lebar (lebar) digunakan untuk menetapkan ketinggian dan lebar imej.

Unit lalai nilai atribut ialah piksel:

<img src="../style/images/pulpit.jpg" alt="Batu mimbar" width=" 300" height="200">

Petua: Adalah satu tabiat yang baik untuk menentukan ketinggian dan lebar imej anda. Jika imej mempunyai ketinggian dan lebar yang ditentukan, dimensi yang ditentukan akan dikekalkan apabila halaman dimuatkan. Jika saiz imej tidak dinyatakan, susun atur keseluruhan halaman HTML mungkin dimusnahkan apabila halaman dimuatkan.

Contoh

Tambah imej latar belakang:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body background="http://pic.58pic.com/58pic/15/97/99/27W58PICZS7_1024.jpg">
<h3>图像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果图像小于页面,图像会进行重复。</p>
</body>
</html>

Tetapkan ketinggian dan lebar imej:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body >
<img src="http://www.w3school.com.cn/i/eg_cute.gif" width="50" height="50">
<br />
<img src="http://www.w3school.com.cn/i/eg_cute.gif" width="100" height="100">
<br />
<img src="http://www.w3school.com.cn/i/eg_cute.gif" width="150" height="150">
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body > <p>创建图片链接: <a href="//m.sbmmt.com"> <img src="http://www.runoob.com/try/demo_source/smiley.gif" alt="HTML 教程" width="32" height="32"> </a> </p> </body> </html>