声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
文本标记
<br/> 换行
用于标记文本的标题,方便别人以后取这个内容
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<p> 段落
<Strong> 强调内容,比普通黑一些
字体效果
<s> 删除线
<sup> 上浮
<sub> 下沉
<b> 粗体
<i> 斜体
<q> 强调引用,双引号引用
<big> 凸显大一些字体
<small> 稍微小一些
<pre> 预格式化文本,按照原样输出
<font> 字形和颜色 color,face,size
<code> 以后可以放一些代码进去
<del datetime=”20170918” cite=”内容”> </del >
删除文本,字体上有删除线。描述删除的事件和原因;
<address> 地址描述
<abbr> 缩写的介绍,提示
路径描述
1.绝对路径 从根目录上面开始 2.相对路径 相对路径是最常用的,相对路径书写的时候,如果前面有斜杠,就回去根目录查找;
超级链接 a 1.超级链接 2.锚点
<a href=”index.html” >点我啊</a>
![image](http://os78f4hny.bkt.clouddn.com/201709190001.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190002.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190003.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
Href 连接地址 相对和绝对的地址
Target 哪个窗口显示我连接的地址
-blank 每次打开一个新的窗口
-parent 父窗口显示当前页面
写窗口名字,如果没有这个窗口,那就直接打开一个窗口命名该名字;
Title 文本提示
<a href=”index.html” target=”xxx” title=”你好”> 点我啊</a>
![image](http://os78f4hny.bkt.clouddn.com/201709190004.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190005.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190006.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
加上title文本提示后,该字段内容会有提示
![image](http://os78f4hny.bkt.clouddn.com/201709190007.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190008.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
锚点 <a name=”mingzi”/> 扔锚
<a href=”#mingzi”>文本</a> 连锚
![image](http://os78f4hny.bkt.clouddn.com/201709190009.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190010.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
点击后跳到扔锚点
![image](http://os78f4hny.bkt.clouddn.com/201709190011.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
![image](http://os78f4hny.bkt.clouddn.com/201709190012.jpg?imageMogr2/blur/1x0/quality/75|watermark/1/image/aHR0cDovL29zNzhmNGhueS5ia3QuY2xvdWRkbi5jb20vd2F0ZXJtYXJrLnBuZw==/dissolve/50/gravity/SouthEast/dx/10/dy/10|imageslim)
|