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