一、基本结构(Ctrl+S保存后才能运行测试)
写个!然后Tab键补齐
<!DOCTYPE html>文档声明,用来声明HTML文档所遵循的HTML规范。
<html lang="zh-CN">HTML网页里的根元素
lang用来定义语言种类:zh-CN中文网页 en英文网页 告诉人们到底是中文网站还是英文网站
<head>头部分,用来存放HTML文档的基本属性信息,比如网页标题、编码格式,这部分内容会被网页优先加载。
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>你好,HTML</title>网页标题
</head>
<body>体部分,用来存放网页中要显示的数据。
hello html~
你好呀
</body>
</html>
HTML:代码全在<body></body>里写
二、HTML快捷语法——Emmet
三、常用标签
1、标签规则
1)标签分为开始标签和结束标签,如<a></a>;
如果开始和结束中间没有内容,可以合并成一个自闭标签<a/>
2)标签都可以具有属性,属性包括属性名和属性值,如果有多个属性,要以空格隔开。
属性的值要用单引号或者双引号引起来。
例:<a href="" target="" name="" id=""></a>
2、常用标签
1)特殊字符(空格、大于号、小于号等)标签
表示空一格——
2)注释标签
快捷操作:写好要注释的内容,选中,Ctrl+?
<!-- -->
3)换行标签
<br></br>,通常写成自闭标签<br/>
4)分割线/水平线标签
<hr />
5)标题标签(会自动换行)——h1至h6字体越来越小
写法:写个h,选择规格,回车
<h1>我是1号标题</h1>
<h2>我是2号标题</h2>
<h3>我是3号标题</h3>
<h4>我是4号标题</h4>
<h5>我是5号标题</h5>
<h6>我是6号标题</h6>