<!DOCTYPE html>
<html>
<head>
<title>你好!</title>
</head>
<body>
<h1>明天</h1>
<p>会<em>更好</em></p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>img的使用</title>
</head>
<body>
<img src="https://img.zcool.cn/community/0186f15f58a40c11013f1a64b71ac4.jpg@2o.jpg" alt="这个一个祢豆子的照片" height="1000">
</body>
</html>
其中<img sre=" "> 引号里面是图片的链接或者直接可以写为当前文件夹里的图片名(加后缀)
alt:“ ” 引号里面表示文字,加上alt是一个好习惯,这避免了阅读器不识别图片,导致无法理解
heihgt=“ ” 表示图片的高度 还可以表示长度,但是一般只用一种,避免图片比例失调
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蒂其之死</title>
</head>
<body>
<h1>蒂其之死</h1><br>
<h2>meta name="viewport" content="width=device-width,initial-scale=1.0"解释<br> </h2>
<p>简单来说<br>content属性值 :<br> width:可视区域的宽度,值可为数字或关键词device-width<br>
height:同width<br>
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放<br>
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,<br>
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。<br>
user-scalable:是否可对页面进行缩放,no 禁止缩放
</p>
</body>
</html>
<h1><h2>....<h6>表示字体大小 <br>表示换行
在<html lang=“en”> en表示英文,可以换为zh-hans表示中文
meta charset="UTF-8" 表示html文档的编码