網頁設計好好玩(10501)
- 文本鏈接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>11-1.html</title>
</head>
<body>
<a href="https://www.ugm.com.tw">育將電腦工作室</a>
</body>
</html>
- 圖片鏈接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>11-1.html</title>
</head>
<body>
<a href="https://www.ugm.com.tw">育將電腦工作室</a>
<br>
<a href="6-1.html">6-1</a>
<br>
<a href="http://tw.yahoo.com">
<img src="img/8-1_640.jpg">
</a>
<a href="#">
<img src="img/photo-1.jpg">
</a>
</body>
</html>
- 圖片寬度
width="100%" 、max-width="100%"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>11-1.html</title>
<style type="text/css">
img{
max-width: 100%;
}
</style>
</head>
<body>
<div id="a1">hgjhgjhghgjhgjhgjgjhgjhgjhgjgjhgjhg</div>
<a href="https://www.ugm.com.tw" target="_blank">育將電腦工作室</a>
<br>
<a href="6-1.html">6-1</a>
<br>
<a href="http://tw.yahoo.com" id="a2">
<img src="img/8-1_640.jpg" alt="8-1_640.jpg">
</a>
<a href="#">
<img src="img/photo-1.jpg">
</a>
<a href="#">
<img src="https://images.unsplash.com/photo-1426869981800-95ebf51ce900?dpr=1.25&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop=">
</a>
<a href="#a2">a2</a>
</body>
</html>
-