<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="img/1.jpg" alt="百花" title="DNF百花" style="width: 200px;height: 200px;">
<div style="font-size: 50px;border: 1px solid red; height: 100px;">
你好嗎?
</div>
<div style="font-size: 50px;border: 1px solid red; height: 100em;">
你好嗎2?
</div>
<!--
img爲圖片標籤:
src：圖片的地址
alt：當顯示圖片出現問題時，圖片顯示的文字提示
title：當鼠標移入圖片中顯示的文字提示
px：像素， 像素是相對於顯示器屏幕分辨率而言的(隨着屏幕分辨率而變化), 國內推薦
em：相對單位長度， 相對於當前內文本的字體尺寸，國外使用較多；如果當前行內文本的字體尺寸未被人爲設置，則相對與瀏覽器的默認字體尺寸
你好嗎2? -- 50px * 100倍
-->
</body>
</html>
