1.DOCTYPE html为版本规范 整篇文章只出现一次
2.<html></html> 根标签 也是出现一次
3.<head></head>头部标签
4.单标签 一般都有特别的展示效果 去掉斜杠也可以使用 常见的单标签有 <br /> <hr />
5.双标签 有标签的开始和结束,中间部分可以嵌套其他标签,一般没有特别的页面展示效果 常见的双标签有 <div></div> <span></span>
6.段落标签 一般用来写一个段落的 <p></p>属于双标签
7.图片标签
例如 <img src="img/无标题.png" alt="这是一个图片" />
其中src表示图片访问路径 可分为绝对路径和相对路径 绝对路径即电脑磁盘上的位置路径 相对路径指相对于本项目的路径 比如"img/无标题.png"
alt当图片加载失败时显示的描述
8.链接标签
例如 <a href="http://www.hao123.com" target="_self" title="淘宝">这是一个链接</a>
href表示访问连接 当访问外网时需要加上协议 http/https
trage表示访问方式 有: _self在当前页面访问 _blank打开新的网页
title表示对本页面进行描述
9.块标签 块标签可以设置宽度和高度并且独占一行 display属性值为block 常见的块标签有<div></div>
10.行标签 行标签不能设置宽度和高度 由内容所绝对 display属性值为inline
11.嵌套标签(父子关系) 子标签会继承父标签的宽度 子标签高度由内容支撑
12.组合标签
无序组合 <ul><li></li></ul>
有序组合 <ol><li></li></ol>
自定义列表 <dl><dt></dt></dl>
13.emment html的快捷写法
父子标签 div>div + tab键
<div>
<div></div>
</div>
兄弟标签 div+p + tab键
<div></div>
<p></p>
id名标签 div#id名 + tab键
<div id="lanou"></div>
类名标签 div.类名 + tab键
div class="lanou"></div
内容 div{内容}+ tab键盘
<div>我是一个</div>
顺序标签 div.div$*3 + tab键
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>