<!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文档的编码