• 相对路径：用./ 或者..    写不写都行 不写默认写了
• ./ 表示当前路径
• ../表示当前路径的上一层级
• 超链接，target属性，可设置超链接打开位置 _blank 在新的页面显示  

    <a href="./testhtml/html0401.html" target="_blank">访问yl</a>

• 回到顶部       <a href="#">回到顶部</a>
• 回到底部  （去到标签的最后一个底部，给这个标签加一个属性即可，加个id  唯一标识）   或者任意位置，id都是【字母开头  并且区分大小写】
• 占位符：

      <a href="javascript:;">占位符</a>

 

图片标签：    <img src="./picture.png" alt="">  属于替换元素：在块级和行内元素之间，alt是显示提示，页面一般不会显示、

图片格式，常见格式：

Jpg  颜色丰富 不支持透明、动图；--照片

Gif 颜色少  支持简单透明、动图；--颜色少  动图

png 颜色丰富  支持复杂透明 不支持动图；--专为网页而生

webp  谷歌推出的网页图片，完美格式；但是兼容性不好，比如不兼容ie

效果一样  用小的；效果不一样 用好的

base64:图片转为字符  通过字符引入（用于需要和网页一起加载时  使用）  使用方法 谷歌的时候搜base64然后把文件放进去 解码 复制到src中即可。

• 内联框架 和图片很像；iframe 加上嵌入的地址      <iframe src="./testhtml/html0401.html" frameborder="0" width="500" height="800">内联框架</iframe>   ； frameborder="0"用于设置框架
• 音频播放  audio标签，src引入完发现页面上也没有，原因是不允许页面使用，需要再后面加上controls  是否允许用户控制播放；autoplay--音频自动播放 只支持谷歌

CSS

•   引入外部样式表   用link标签  <link rel="stylesheet" href="s.css">，这种能使用到缓存机制，提高速度提升性能。
• 在css  里注释样式为/*   */
• 选择器 ：声明块；   每个声明块都要加；号
• class 可以写多个class 用空格分隔开
• 通配符*
• 复合选择器     ；并集选择器 用，分隔
• 关系选择器：父子 兄弟元素等等

子元素>     

后代  （空格）

兄弟元素  +  （紧挨着的一个）

兄弟元素  ~ (所有)

• 属性选择器：p[title]    p标签中有tltle属性的元素

[p ^title]  p标签中 属性以title开头

[p $title]  p标签中 属性以title结尾

[p *title]  p标签中 属性中有title的