學習HTML 第四節.插入圖像
學習HTML 第四節.插入圖像
全是文字的網頁太枯燥了吧，我們來搞個圖片上去！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我要學HTML---插入圖像</title>
</head>
<body style="background-color:green;">
<h1 style="text-align: center;color:green">整體背景為綠色
</h1>
<h2 style="background-color:red;">這是一個紅底色標題</h2>
<p style="background-color:blue;">插入圖像。</p>
<p>
一個圖像:
<img src="http://www.runoob.com/images/pulpit.jpg" alt="Smiley face" width="32" height="32"></p>
<a href="http://www.cnblogs.com/thomason/">使用了 a標簽和href 屬性,鏈接到我的博客</a>
</body>
</html>
顯示的圖像好小啊，改一下吧。
<body style="background-color:green;">
<h1 style="text-align: center;color:red">整體背景為綠色
</h1>
<h2 style="background-color:red;">插入圖像</h2>
<p>
一個圖像:
<img src="http://www.runoob.com/images/pulpit.jpg" alt="Smiley face" width="500" height="200"></p>
<a href="http://www.cnblogs.com/thomason/" style="color:red">使用了 a標簽和href 屬性,鏈接到我的博客</a>
圖像好象變形了，看來是不保留寬高比的。
終於正常了！
學習HTML 第四節.插入圖像