一、超链接跳转(<a href="路径"></a>)：

1.target

<a  href="www.baidu.com" target="value"></a>

其中value值有四种：

1.value="_blank"跳转到新的页面2.value="_parent"在当前网页中实现跳转3.value="_top"4.value="_self"

2.锚点

锚点：相当于定位，在一页有很长的内容的不方便查找的时候，我们利用锚点直接定位内容。

<a name="">需要定位的内容</a>

<a href="#name的值">回到顶部...</a>

二、有序（<ol></ol>）VS 无序列表(<ul></ul>)

1.有序列表（注：该方法为简写方式ol>li*3>strong）

<ol>

       <li><strong>A</strong></li>

       <li><strong>B</strong></li>

       <li><strong>C</strong></li>

</ol>

输入结果展示：

2.无序列表（注：该方法为简写方式ul>li*3>strong）

<ul>

       <li><strong>D</strong></li>

       <li><strong>E</strong></li>

       <li><strong>F</strong></li>

</ul>

输出结果展示：

3.清除有序/无序列表的默认样式

<style>

   ol,

   ul {

     list-style-type: none;//清除默认样式(有序/无序列表的数字/圆点不显示)

       }

</style>

输出结果展示：

三、图片<img/>

路径：

<img src="图片路径" width="" height="" alt="图片加载不出来后显示"/>

关于图片路径的问题

1.window系统中有C盘、D盘等盘符；linux、安卓、苹果、Unix中没有，因此当网页部署在Linux服务器，或者运行在手机微信中时，不能带C:\或者 D:\等盘符标记；

2.因为不能使用盘符，则可以从当前网页所在的文件夹为出发点，在【当前位置】、或者【上一级】、或者【下一级某个子文件夹】中查找，需要的文件；

3. 注当前位置用【 .】表示，上一级用【..】表示，下一级则用【具体的子文件夹名称】表示

4.文件夹与文件之间、文件夹与文件之间需要用连接符连接。Window系统中【\】或者【/】连接，例如【book\book1\010101.html，或者【book/book1/010101.html】。而Linux中则只能用【/】连接，例如 【book/book1/010101.html】

5.表示当前位置的【 .】可以省略，点省略时则连同后面的连接符【/】一并 省略，例如【./1.html】 【1.html】

6.如果路径的第一个字符是【/】,表示网站的顶级目录，到项目实战时经常用。

四、实体字符写法

五、前端代码的快捷写法

{}代表内容

$代表序号 默认显示的是1

div{内容区$} -> 按TAB键后会自动补充 -> <div>内容区1</div>

补充$自动生成数字

div{内容区$}*5   ->   会自动排序   ->   从内容1-5

例子：

生成结果展示：

六、块元素转换为行内元素

1.display="value"

display="inline"  ->   设置成为行内元素

七、上标<sup>/下标<sub>

H2O  以及    πr2