<!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>
