0005 前端 Html 04 AutoFileName 图片的显示 文字链接 图片链接 页面内链接 列表 加超链接的列表

以下为学习笔记，用来备忘、交流

工具：Sublime Text 3
渲染：谷歌浏览器

AutoFileName工具的安装

安装过程参见添加Emmet插件
参考我上面安装Emmet插件的过程，基本一样。

图片的显示

基本代码如下：

<img src="images/01.png" alt="笔记">

需要注意的是："images/01.png"双引号内是图片的相对路径和图片名，其中“images”是文件夹，这个文件夹和XX.html文件在同一个文件夹内（同一目录），迁移的时候将这个文件夹复制走就可以了。当前目录下有时用“ ./ ” 表示，另外上级目录用“ …/ ” 表示。alt="笔记"可以在图片加载失败时显示文字描述。

链接

文字链接

 <a href="http://www.baidu.com"title="这是？">百度</a>

href=“”的双引号里放入连接到的网址，必须加http://，不加会报错。title=“”的双引号里放的是鼠标悬停在文字链接上时（未点击时）的显示内容。< a>百度< /a> 其中百度就是显示出来的文字。如下图

上面的代码是跳转到百度网站，以前的页面不显示了，被替换掉了，如果想要新开一个页面显示跳转到的网站可以添加target属性，默认是target="_self"可以改成

<a href="http://www.baidu.com"title="这是？"target="_blank">百度</