常用标签

标题 h1-h6

快捷键：h${$标题}*6

1.h1～h6 标签分别表示不同级别的标题，<h1>定义最大的标题，<h6>定义最小的标题。2.在浏览器默认状态下，每种标题均为加粗效果，各自对应不同的文字大小。3.通常我们在用的时候只会用到<h1>~<h3>。

1、不要因为标题的字号大小很小，而使用低级别的标题,字号大小可以通过css的font-size来控制。2、尽量避免跳过某一级标题，依次使用。3、需要避免在同一个网页中多次使用h1元素，h1经常用在网页的标题或者是logo上

p段落标签

<p>我是一个p段落</p> <hr /> 定义一条水平线，用来进行内容的分隔。<br />换行标签

超链接a 标签

target 属性常用的两种方式：_self _blank。href:跳转的网址。target：_blank 在新窗口打开，_self 在当前窗口打开。href放的是网址： href=”http://www.baidu.com”。回到顶部：href=”#”。禁止跳转：href=”javascript:;”锚点跳转：给每一个模块用id起一个名字，a标签里面的href的值应该是# 加上id里面的那个名字<a href="#" target=“_self” > 百度</a>

字符字体

空格     < 小于号 < < > 大于号 > > & 和号 & & " 引号 " "

图片标签 img

●src属性：图片的路径。●alt属性：当网比较慢或者是图片路径不正确，造成图片加载失败，那alt里面设置的如果有文字，就会出现在裂的图片旁边，更有利于用户体验。●title属性：当鼠标滑上图片的时候，会出现title里面设置的文字，有一个跟随效果。

span标签：

没有任何特殊的含义。主要是为了增加额外的结构，方便我们控制样式或者是数据。并且使用要求：在其他语义化标签不适用的情况下再使用

格式化标签

加粗：b或者strong 斜体：i或者em 删除线：del和s 下划线：ins 和u

iframe元素

●HTML内联框架元素 (<iframe>)它能够将另一个HTML页面嵌入到当前页面中。●页面上每个<iframe>都会需要包括内存在内的额外计算资源，虽然理论上来说你能够在代码中写出来无限多的<iframe>，但是你最好还是先看看这么做会不会导致某些性能问题。iframe的使用：

<body>

<!--

iframe标签：

1、src是嵌入html的地址。2、width和height属性来设置内联框架的宽高。3、frameborder="1"的时候显示边框

4、frameborder="0"的时候不显示边框

<div><h1>学习iframe标签</h1><div>

哈哈哈哈

</iframe></div>

</div>

</body>

三大列表

1、无序列表：ul、li，这个是固定格式，ul里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。2、有序列表：ol 、li，这个是固定格式，ul里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。3、自定义列表 dl里面紧邻着的只能是dt或者dd，但是在dt或者是dd里面还可以写其它的标签

标签的划分

块级元素，独占一行，设置宽、高、外边距、内填充可以起作用，排列方式：从上到下，如果不设置宽度，会撑满父级的宽度，h1-h6、div、p、ul、ol、li、dl、dt、dd。注意：文字类的元素内不能使用块级元素。 p 标签主要用来存放文字，因此p里面不能放块级元素。行内元素，共占一行，设置宽、高、垂直方向的margin和padding不起作用，它的大小由自身内容决定，排列方式：从左到右，a、span、b、strong、em、i、del、big、small。

行内块，共占一行，设置宽、高起作用，排列方式：从左到右，img

更改显式类型

格式：display:value

block，块状元素

inline，内联元素

inline-block，内联块状元素。

none，隐藏元素。

8、绝对路径和相对路径

绝对路径：就是你的主页上的文件或目录在硬盘上真正的路径，(URL和物理路径)例如：

C:\xyz\test.txt 代表了test.txt文件的绝对路径。

http://www.sun.com/index.htm也代表了一个URL绝对路径。

相对路径：相对与某个基准目录的路径。

同级目录 "./" 表示同级目录下（./可以省略）写名字即可

下级目录："/" 表示

上级目录："../" 一个../ 代表回到上一级目录，两个“../”代表回到上两级目录