HTML ???

HTML ??? - ??? ??(<img>)

HTML??? ???? ?????. <img> ?? ??? ??

<img>? ? ?????. ?, ??? ???? ?? ??? ????.

HTML ??? - ?? ??(Src)

???? ???? ????? ?? ??(src)? ???? ???. . src? "??"? ?????. ???? ??? ??? ?????.

???? HTML ???? ??? ????? ?? ??: ?? ?? index.html ? img.jpg

??: <img src= "img.jpg">

??? HTML? ?? ????? ?? ????. ? ?? ??? ????.

1 ?? img.jpg? ??? ??? ?? ???? .html? ??? ??? ?? ????? ????.

??: <img src="images/img.jpg">

2.??? img.jpg ??? ????. Images, index.html? ???? ???, Images ???? ??? ?? ?????

??: <img src="../images/img.jpg">

??? ???? ?? ?? ?? ??

? ???? ??? ?? ???? ???. <img src="http://www.baidu.com/pic/img.jpg">

HTML ??? - Alt ??

alt ??? ???? ?? ??? ?? ??? ??? ???? ???? ? ?????.

?? ??? ??? ?? ???? ?????.

<img src="1.jpg" alt="??? ??? ? ?? ? ??">

????? ???? ??? ? ?? ?? ?? ??? ??? ???? ??? ??? ?????. ? ???? ????? ??? ?? ? ?? ???? ?????. ???? ?? ???? ?? ??? ??? ???? ?? ????. ?

? ??? ? ? ???? ? ??? ?? ??? ?? ????? ???? ????? ?? ?????.

HTML ??? - ???? ??? ??? ?????.

height(??) ? width(??) ??? ?????. ??? ??? ??? ?????.

?? ?? ?? ??? ?????.

<img src="../style/images/pulpit.jpg" alt="Pulpit rock" width= "304" height="228">

?: ???? ??? ??? ???? ?? ?? ?????. ???? ??? ??? ??? ?? ???? ??? ? ??? ??? ?????. ??? ??? ???? ??? ??? ?? ? HTML ???? ?? ????? ?? ? ???

?? ?? ??

??: HTML ??? 10?? ???? ??? ?? ?? ???? ???? ????? ? ??? 11?? ??? ???? ???. ???? ???? ?? ??? ???? ???? ???? ???? ?? ????.

??: ??? ?? ? ??? ???? ??? ??? ?????. ??? ??? ???? ??? ? ??? ?????? ???? ??? ? ???, ??? ??? ?? ???? ?????.

????? ?? ??? ??

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body background="http://imglf0.ph.126.net/1EnYPI5Vzo2fCkyy2GsJKg==/2829667940890114965.jpg">
<h3>圖像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果圖像小于頁面，圖像會(huì)進(jìn)行重復(fù)。</p>
</body>
</html>

????? ???? ?? ??? ??? ??

? ?? ??? ??? ?? ??? ?????.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<img src="http://gb.cri.cn/mmsource/images/2007/05/21/pc070521018.jpg" width="50" height="50">
<br />
<img src="http://gb.cri.cn/mmsource/images/2007/05/21/pc070521018.jpg" width="100" height="100">
<br />
<img src="http://gb.cri.cn/mmsource/images/2007/05/21/pc070521018.jpg" width="200" height="200">
<p>通過改變 img 標(biāo)簽的 "height" 和 "width" 屬性的值，您可以放大或縮小圖像。</p>
</body>
</html>

????? ???? ???

??? ???? ????? ???

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>創(chuàng)建圖片鏈接:
    <a href="http://ipnx.cn/">
        <img src="http://img3.redocn.com/20100401/Redocn_2010022518194991.jpg" alt="HTML 教程" width="100" height="100"></a></p>
</body>
</html>

????? ???? ??? ???? ?????

? ?? ??? ?????. ?? ??? ?? ??? ??? ??

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>請把鼠標(biāo)移動(dòng)到圖像上，看一下狀態(tài)欄的坐標(biāo)如何變化。</p>
<a href="">
    <img src="http://p11.qhimg.com/t010fae31f5653bffe7.jpg" ismap />
</a>
</body>
</html>

?? ???? ??

HTML ??? ??

標(biāo)簽	描述
<img>	定義圖像。
<map>	定義圖像地圖。
<area>	定義圖像地圖中的可點(diǎn)擊區(qū)域。

??? ?? ??? ????? ?? ????? ??????

???? ??

??? ??

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body background="http://imglf0.ph.126.net/1EnYPI5Vzo2fCkyy2GsJKg==/2829667940890114965.jpg"> <h3>圖像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果圖像小于頁面，圖像會(huì)進(jìn)行重復(fù)。</p> </body> </html>

?????? ???

????