快捷键是:
1.ctrl+N 新建文件
2.代码放大 ctrl+鼠标滚轮
3.html5语音,计算机语音
4.TAB键,自动生成闭合标签,<> </>,
5<!DOCTYPE html> 计算机文档语音
6.<html></html>代码里面所以的语音都属于html语音
7.<head></head>代表计算机头部文档信息
8.<meta>媒体标签,charset="utf-8"国际标准的编码格式
9.<title></title>文档的名字,在浏览文档的信息
10.运行在浏览器,快捷键盘,ctrl+R
11.<body></body>显示是页面的主体信息,在body里面所写的内容显示在你的浏览器上面
12.ctrl+s 文件一定要先保存才能运行
13.ctrl+/ 注释,解开注释ctrl+/
14.ctrl+A 全选 ctrl+ 整理格式
15.浏览器内核:chrome -webkit-
firefox -moz-
ie -ms-
16.特殊符号: :空格;",":双引号;>;<;©:版权符号
文本元素
1.a生成超链接
2.br强制换行
3.wbr可安全换行
4.b标记一段文字但不强调
5.strong表示重要
6.i表示外文或科学术语
7.em表示强调
8.code表示计算机代码
9.var表示程序输出
10.samp表示变量
11.kdb表示用户输入
12.abbr表示缩写
13.cite表示其他作品的标题
14.del表示被删除的文字
15.s表示文字已不在确认
16.dfn表示术语定义
17.mark与另一段上下文有关的内容
18.q表示引自他处的内容
19.rp与ruby元素结合使用,标记括号
20.rt与ruby元素结合使用,标记括号
21.ruby表示位于表意文字上方或右方的注音符号
22.bdo控制文字的方向
23.small表示小号字体内容
24.sub表示下标字体
25.sup表示上标字体
26.time表示时间或日期
27.u标记一段文字但不强调
28.span通用元素,没有任何语义。一般配合CSS修饰。
超链接与路径
1.href指定<a>元素所指资源的URL
2.hreflang指向的链接资源所使用的语言
3.media说明所链接资源用于哪种设备
4.rel说明文档与所链接资源的关系类型
5.target指定用以打开所链接资源的浏览环境
6.type说明所链接资源的MIME类型(比如text/html)
7.超链接:
分为3种:1.功能性链接 2,页面之间的链接 3.锚链接
a属于文本标签,不能自动换行,不独占一行,没有宽度和高度
8.
知识点: href:属性----》 指定<a>元素所指资源的 URL
知识点:=后面的是值:http://www.xxx.com
知识点: 默认情况下跳转到当前窗口 _self
知识点: target 值为blank 就是新窗口
知识点:./ 同级 ../代表上一级
相对路径:
绝对路径:
9.同一个目录:index2.html或./index2.html;
在子目录:xxx/index2.html;
在孙子目录:xxx/xxx/index2.html;
在父目录:../index2.html;
在爷爷目录:../../index2.html;
10.页面之间的链接:同级别的跳转
11.//链接
<ahref="#1">第一章</a>
<ahref="#2">第二章</a>
<ahref="#3">第三章</a>
//锚点
<aname="1"></a><aid="3"></a>
分组元素
1.p表示段落
2.div一个没有任何语义的通用元素,和span是对应元素
3.blockquote表示引自他出的大段内容
4.pre表示其格式应被保留的内容
5.hr表示段落级别的主题转换,即水平线
6.ul,ol表示无序列表,有序列表
7.li用于ul,ol元素中的列表项
8.dl,dt,dd表示包含一系列术语和定义说明的列表。dt在dl内部表示术语,一般充当标题;dd在dl内部表示定义,一般内容。
9.figure表示图片
10.figcaption表示figure元素的标题
11.ol 元素属性
start从第几个序列开始统计:<olstart="2">
reversed是否倒序排列:<olreversed>,一半主流浏览器不支持
type表示列表的编号类型,值分别为:1、a、A、i、I
12.li 元素属性
value强行设置某个项目的编号。
表格元素
1.table表示表格
2.thead表示标题行
3.tbody表示表格主体
4.tfoot表示表脚
5.tr表示一行单元格
6.th表示标题行单元格
7.td表示单元格
8.col表示一列
9.colgroup表示一组列
10.caption表示表格标题
样式
行内样式:将样式的声明放在我们的标签内部,用style来声明
内部样式:内部指的是head里面style的标签里面的部分
外部样式:用link标签来声明,里面的东西一定要写rel="stylesheet",层叠样式表格
选择器优先级
id>类选择器>标签选择器
选择器
标签选择器:加在标签上的
class类选择器:.表示+类名 类可以多个
id选择器:#来表示+id的名字 id只能一个
样式优先级
行内样式>内部样式
行内样式>外部样式
内部样式和外部样式取决于距离body的远近
谁距离跃进谁高
内部样式和外部样式